SCSS Url Static Assets Failing to load

### Link to the code that reproduces this issue https://github.com/theblondealex/scss-reproduction ### To Reproduce 1. Clone the repo 2. Install dependencies 3. Run the dev server 4. Open the browser at http://localhost:3000 5. Go to the `src/app/page.tsx` file 6. Comment out the import of the css file and uncomment the import of the scss file 7. You will notice that the svg is **not** rendered when using the scss file but it is rendered when using the css file ### Current vs. Expected behavior You will see that if the react-example is ran, the scss file is interpreted and works correctly. Expected is that nextjs should render the url(svgs) correctly SCSS is installed correctly as the styles are applied just not the svg loaded Normal image works correctly in the url it is specific to .svg#ID sprite svgs ### Provide environment information ```bash Operating System: Platform: linux Arch: x64 Version: #40~22.04.3-Ubuntu SMP PREEMPT_DYNAMIC Tue Jul 30 17:30:19 UTC 2 Available memory (MB): 31546 Available CPU cores: 14 Binaries: Node: 22.4.0 npm: 10.8.1 Yarn: 1.22.22 pnpm: N/A Relevant Packages: next: 14.2.10 // Latest available version is detected (14.2.10). eslint-config-next: 14.2.10 react: 18.3.1 react-dom: 18.3.1 typescript: 5.6.2 Next.js Config: output: N/A ``` ### Which area(s) are affected? (Select all that apply) Not sure, Middleware, Output (export/standalone) ### Which stage(s) are affected? (Select all that apply) next dev (local), next build (local), next start (local), Vercel (Deployed), Other (Deployed) ### Additional context _No response_