[unplugin]: builds configured with lightningcss

[cgatian]

When defining the CSS transformer as lightningcss styles are being dropped from the final bundle on build. Does not happen in dev mode.

export default defineConfig({
  css: {
    transformer: 'lightningcss',
  },
  plugins: [pandabox.vite(), react()],
});

Reproduction: https://stackblitz.com/edit/vitejs-vite-repb2fe9?file=vite.config.ts

PostCSS works, capturing this in case someone comes across it.

[cgatian]

Issue is due to lightningCss stripping comments (which we use for knowing where to inject the styles in bundle). That are not at the start of the file. see comment

Maybe a custom @panda directive in the CSS would work better.

parcel-bundler/lightningcss#43