[CCC-47] Tokens

[Jeremy-Walton]

Why?

With the move towards pure css, our tokens needed to be updated to no longer use mixins. As part of this, we are also taking advantage of the new light-dark() https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark function to simplify our dark mode overrides and allow for component specific light and dark mode.

What Changed

• Convert most files to css
• Refactor Addons to use pure css
• Convert base tokens and light mode tokens to pure css
• Convert dark mode tokens to use the light dark function.

Sanity Check

• [ ] Have you updated any usage of changed tokens?
• Have you updated the docs with any component changes?
• [ ] Have you updated the dependency graph with any component changes?
• Have you run linters?
• Have you run prettier?
• Have you tried building the css?
• Have you tried building storybook?
• Do you need to update the package version?

[linear]

CCC-47 @mixin Tokens