Provide documentation how to generate primeng-sass-theme variables from Figma PrimeDesignSystem

[patrickschroeter]

The primeng-sass-theme is great to create your own customized look and feel for the UI library - unfortunately updating hundreds of scss variables is not very practical and far away from most peoples workflow. Releasing the Figma PrimeDesignSystem was a pretty big benefit for our design & development workflow. The next step would be to get them closer together so that they work hand in hand. Design Tokens are one widespread possibility to achieve that goal.

Unfortunately I did not find any documentation to automate this workflow and generate a new prime theme directly from figma tokens.

I tried token-transformer in combination with style-dictionary (compare https://github.com/tokens-studio/figma-plugin/issues/703) which leads to different errors e.g. different naming of variables (Background vs. Bg), it invalid variables ([object Object]), etc...

It would be great if you could provide a working example / documentation on create a new primeng theme from figma or look into these tools and try to bring them closer together if it's not yet possible at all

Thank you for your time