CSS variables generated even not used

[Yovach]

Description

When I use Panda CSS (0.23.0) with Next.js (14.0.4), all the CSS variables are generated, even those that are not used.

Link to Reproduction

https://play.panda-css.com/8RAroJwVFG

Steps to reproduce

1. Go to the CSS bundle
2. All the CSS variables are generated

JS Framework

Next.js

Panda CSS Version

0.23.0

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[astahmer]

this is intended, as those variables could be used in your JS directly for example with the token function

that being said, you can do it anyway with a postcss plugin like https://www.npmjs.com/package/postcss-prune-var

[Yovach]

Oh OK, thanks!