Design Tokens: add design token pipeline (@repo/design-tokens)

[RasmusKjeldgaard]

Which issue does this PR close?

This PR closes #4684

What is the new behavior?

This PR adds a pipeline that takes Figma Extended Collections and turns them into CSS Custom Properties that can be consumed by code.

More details can be found in the library README.md.

The generated CSS files are not added here, but in a follow-up PR here: #4749

Does this PR introduce a breaking change?

• Yes
• No

Are there any additional context?

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Reminders

• Make sure you have implemented tests following the guidelines in: "The good: Test".
• Make sure you have updated the cookbook with examples and showcases (for bug fixes, enhancements & new components).

Review

• Determine if your changes are a fix, feature or breaking-change, and add the matching label to your PR. If it is tooling, dependency updates or similar, add ignore-for-release.
• Do a self-review.
• Request that the changes are code-reviewed
• Request that the changes are UX reviewed (only necessary if your PR introduces visual changes)

When the pull request has been approved it will be merged to develop by Team Kirby.

---

_{Stack created with GitHub Stacks CLI • Give Feedback 💬}

[martinkolle]

Looks good! For the future we could consider using a package for the figma conversion - I looked shortly at @bonniernews/figma-variables-import but we should consider if it stays updated by Bonnier

[RasmusKjeldgaard]

Looks good! For the future we could consider using a package for the figma conversion - I looked shortly at @bonniernews/figma-variables-import but we should consider if it stays updated by Bonnier

I agree! This whole pipeline exists because I was unable to find an open source alternative that supports Extended Collections in Figma, and most existing solutions seem to need quite a lot of glue code to be able to support our surface model, in a scalable multi-brand way.

So I figured we write our own for now, to not have to battle with the assumptions that other similar pipelines have.

[martinkolle]

Good refactor