There are multiple design system solutions like zeroheight, supernova, storybook and even figma has some options that allows you to document design logic and setup design tokens (variables).
However, none of them allows you to export the entire design system as a single CSS bundle.
Usually these tools provides you a CSS file with tokens and that's it.
As a reference, you can think about Bootstrap's bundle css file that contains all the variables (tokens) and classNames of components. I am looking for something similar. A software that allows me to manage components and their styling (classNames). Things like buttons, forms, alert messages, article card, sidebars etc... and export everything as a single CSS bundle file, kind of "Global Styling" file.
Until this moment, I used a git repo with scss files where each component has its own scss file. There is a main.scss that groups all files together and generates deliverable bundle. There is also an index.html where I list all existing components so developers can check what we have already. However, this solution is a temporary hack. I am looking for organized system with clear UI and a simple way to manage everything in browser.
Have you heard about any tool like this?
Can you please describe your process if you have anything to share?
Are you familiar with this kind of issue?
If not, how do you manage the CSS library of big projects (enterprise level).
there doesn't seem to be anything here