This plugin imports design tokens from a CSS or SCSS file and convert them to local styles.
Currently only supports colors.
The plugin gives the option to only override existing styles or to override existing and add missing ones.
It also gives the option to strip the "--" prefix of the CSS variables name from the local styles name.
Currently only in dev mode. Follow instructions here.
Because it has some dependencies, you still have to run:
npm install
npx webpack --mode=development --watch
npx webpack --mode=production