feat: load tokens

[friedrith]

We need a solution to extract the styles from Figma and load them in the code.

A lot of solutions already exists:

• https://www.figma.com/community/plugin/843461159747178978/tokens-studio-for-figma-figma-tokens
• https://www.figma.com/community/plugin/888356646278934516/design-tokens
• https://tokens.studio/

The goal is to have a solution directly integrated into DesignSystemHub.

Details

All the solutions use the intermediate system of tokens. There is currently a W3C draft to standardize these tokens. So we should follow this approach.

It will be also useful to use style-dictionary to convert the token into CSS variables and tailwind config.

TODOs

We have the concept of Style in the code.

• [x] an endpoint to convert styles to token JSON files
• [x] a command in dshub to fetch the token JSON file into style-dictionary files.
• [ ] use token in the example
• [ ] description to styles
• [ ] show tokens in styles pages
• [ ] add docs page how to setup design system hub for tailwind and MUI

A follow up ticket will be #62 in order to load the styles from the variables and not only the styles.

[friedrith]

For the endpoint, we need to serve the JSON file following the mime-type application/design-tokens+json

https://second-editors-draft.tr.designtokens.org/format/#media-type-mime-type