Fast Refreshing dynamic component with CSS modules unloads CSS

### Link to the code that reproduces this issue https://github.com/edenstrom/nextjs-dynamic-css-modules-reproduction ### To Reproduce 1. Start the application in development mode with `npm run dev` 2. Open MyComponent.tsx 3. Make any change, e.g. change the text in the component 4. CSS module unloads and the red text disappears > [!NOTE] > The bug only happens _without_ using Turbopack. > Activating Turbopack fixes the issue > > In our case we still need the legacy bundler in our project ### Current vs. Expected behavior I expected the CSS to still exist after fast refreshing, but I observed it disappearing instead. ### Provide environment information ```bash Operating System: Platform: darwin Arch: arm64 Version: Darwin Kernel Version 23.6.0: Mon Jul 29 21:14:30 PDT 2024; root:xnu-10063.141.2~1/RELEASE_ARM64_T6000 Available memory (MB): 32768 Available CPU cores: 10 Binaries: Node: 22.11.0 npm: 10.9.0 Yarn: N/A pnpm: 9.14.1 Relevant Packages: next: 15.0.4-canary.30 // Latest available version is detected (15.0.4-canary.30). eslint-config-next: N/A react: 19.0.0-rc-b01722d5-20241114 react-dom: 19.0.0-rc-b01722d5-20241114 typescript: 5.7.2 Next.js Config: output: N/A ``` ### Which area(s) are affected? (Select all that apply) Developer Experience, Lazy Loading ### Which stage(s) are affected? (Select all that apply) next dev (local) ### Additional context I've tested a lot of canary versions, and the bug were introduced in 15.0.0-canary.10. It's not reproducible in 15.0.0-canary.9 or below.