[Bug]: Compilation errors occur when using @vanilla-extract/css with @vanilla-extract/sprinkles

[raamkey]

Version

System:
    OS: macOS 15.0
    CPU: (8) arm64 Apple M1 Pro
    Memory: 133.89 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chrome: 129.0.6668.59
    Safari: 18.0
  npmPackages:
    @rsbuild/core: 1.0.5 => 1.0.5 
    @rsbuild/plugin-react: 1.0.2 => 1.0.2

Details

working fine without @vanilla-extract/sprinkles. after integrating with @vanilla-extract/sprinkles getting below compile error

`

[email protected] dev /Users/ramki/Work/poc/vanilla-extract
rsbuild dev --open

Rsbuild v1.0.7

Local: http://localhost:3000/
Network: http://192.168.29.92:3000/
Network: http://10.64.8.3:3000/

start Compiling...
/Users/ramki/Work/poc/vanilla-extract/src/App.css.ts:45
$ReactRefreshRuntime$.refresh(module.id, module.hot);
^

ReferenceError: $ReactRefreshRuntime$ is not defined
at /Users/ramki/Work/poc/vanilla-extract/src/App.css.ts:45:3

Node.js v20.10.0
 ELIFECYCLE  Command failed with exit code 1.
`

Reproduce link

https://github.com/raamkey/vanilla-extract

Reproduce Steps

1. execute pnpm install and pnpm dev
2. find the error message in the console

[chenjiahan]

It looks like @vanilla-extract/sprinkles generates some modules in node_modules that conflict with react-refresh . Excluding these modules avoids the exception.

export default defineConfig({
  plugins: [
    pluginReact({
      reactRefreshOptions: {
        exclude: [
          /\.css\.ts$/,
+         /node_modules\/@vanilla-extract/,
        ],
      },
    }),
  ],
  tools: {
    rspack: {
      plugins: [new VanillaExtractPlugin()],
    },
  },
});