feat: tokens pkg for css variables

[artmsilva]

What I did

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
wpds-ui-kit	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 24, 2023 1:23pm
wpds-ui-kit-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 24, 2023 1:23pm
wpds-ui-kit-vitejs-example	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 24, 2023 1:23pm
wpds-ui-kit-vitejs-v2-example	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 24, 2023 1:23pm

[wp-aberg]

Overall this looks good, it accomplishes quickly what we're looking for. One thing to call out, this will include a limited set of reset styles which may be unexpected for folks if they are only expecting vars and fonts

  :root {
    --base: 16px;
    line-height: var(--wpds-lineHeights-meta);
  }
  * {
    box-sizing: border-box;
  }
  *:focus-visible {
    outline: 1px auto Highlight;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    *:focus-visible {
      outline: 1px auto -webkit-focus-ring-color;
    }
  }
  html {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body {
    margin: 0;
    font-family: var(--wpds-fonts-meta);
  }