Should support tree-shaking in production

if you import style from app.css.ts

// app.css.ts
export const styleA = style({
  display: 'flex'
})
export const styleB = style({ // no used
  display: 'flex'
})

// App.tsx
import { styleA } from './app.css.ts'
export const App = () => {
   return <div className={styleA}/>

It’s surprising that vanilla extract doesn’t do any tree-shaking which means both styleA and styleB will all include in the CSS bundle

Maybe related to these code https://github.com/seek-oss/vanilla-extract/blob/aebf9349371d631a38145df70c7de40643843554/packages/integration/src/processVanillaFile.ts#L94-L99

[pakholeung37]

@ddhp I did not use PurgeCSS as a plugin. Instead I wrote a script and run it after build. Check my repo https://github.com/pakholeung37/loft-mix/search?q=purgecss

[ddhp]

For now, I am using PurgeCSS to do the job, I works fine!

Hi I am trying to get tree shaking to work with PurgeCSS, but it would remove all the style.

Here is the minimal reproduce repo https://stackblitz.com/edit/vercel-next-js-cidu1b?file=README.md

Have I missed something?

next.js native css-module is working fine

Thanks!