pandacss-preset-radix-colors
pandacss-preset-radix-colors copied to clipboard
This package wildly slows down the dev experience for panda CSS.
This causes a non-trivial increase in compile times in development. Any idea why ?
Make sure you provide the colorScales
property to the preset to only include the colors that you use. That should greatly improve compile times. Also try out using lightningcss by setting lightningcss
to true
in your panda.config.ts
.
Afaik, PandaCSS doesn't actually detect what variables you use so everything will be included. I don't know the exact numbers of variables that are created but I am sure it's in the thousands if all color scales are included.
Yeah, it's a lot of variables when you include all colors which is rarely needed. You could force the consumer to specify if they want to use all colors and mention that it will degrade performance significantly if they do in the docs. The compile times greatly improve as mentioned.