🛠 Tooling: Evaluate and choose a styling system

[JoshuaKGoldberg]

Bug Report Checklist

• I have tried restarting my IDE and the issue persists.
• I have pulled the latest main branch of the repository.
• I have searched for related issues and found none that matched my issue.

Overview

Splitting out of #69 as a prerequisite: in order to support implementing a holistic design system, I'd like to use a styling system framework. I've used them in the past (see: Codecademy's Gamut) and, although they take some energy + time to ramp up on, they make it a lot easier to build an extensible + type-safe design system.

Right now there seem to be four five popular ones in the wild, all early-stage (🙃):

• CSS Hooks
• Panda CSS: chore: onboard Panda CSS #85
• StyleX
• Vanilla Extract: chore: onboard Vanilla Extract #90
  • Todo: I'll also want to try out layers on top, such as Sprinkles and Rainbow Sprinkles
• Edit: also Tokenami, thanks @DaniGuardiola 😄

I'd like to make a draft PR for each of these, showing how it'd look with our current website. We can then evaluate as a team which one we like - if any.

Additional Info

No response