This package wildly slows down the dev experience for panda CSS. about pandacss-preset-radix-colors HOT 3 OPEN

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.

from pandacss-preset-radix-colors.

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.

from pandacss-preset-radix-colors.

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.

from pandacss-preset-radix-colors.