Repository: next.js
Issue: Turbopack Not Compiling Tailwind CSS Changes in Safari
Labels: Turbopack,linear: turbopack,CSS

### Link to the code that reproduces this issue

https://github.com/infinity-atom42/nextjs-turbopack-bug

### To Reproduce

1. **Initialize a New Next.js Project:**

   ```bash
   npx create-next-app@15.0.1 .
   ```

2. **Configure Project Settings:**
   Respond with **Yes** to all prompts except for customizing the import alias.
   - **TypeScript:** Yes
   - **ESLint:** Yes
   - **Tailwind CSS:** Yes
   - **`src/` Directory:** Yes
   - **App Router:** Yes
   - **Turbopack for Next Dev:** Yes
   - **Customize Import Alias:** No

3. **Start the Development Server:**

   ```bash
   npm run dev
   ```

4. **Modify `layout.tsx`:**
   - **Comment Out Google Fonts:**

     ```tsx:src/app/layout.tsx
     // const geistSans = localFont({
     //   src: "./fonts/GeistVF.woff",
     //   variable: "--font-geist-sans",
     //   weight: "100 900",
     // });
     // const geistMono = localFont({
     //   src: "./fonts/GeistMonoVF.woff",
     //   variable: "--font-geist-mono",
     //   weight: "100 900",
     // });
     ```

   - **Comment Out `className` in `body`:**

     ```tsx:src/app/layout.tsx
     <body
       // className={`${geistSans.variable} ${geistMono.variable} antialiased`}
     >
       {children}
     </body>
     ```

5. **Access the Application in Safari or Safari Technology Preview:**
   Open `http://localhost:3000` in Safari.

6. **Observe the Issue:**
   Tailwind CSS styles are not applied to the application.

### Current vs. Expected behavior

## Expected Behavior

Tailwind CSS should process and apply styles correctly, irrespective of the inclusion of Google Fonts, when using Turbopack for development. The styles should render properly in all supported browsers, including Safari.

## Actual Behavior

After removing Google Fonts and utilizing Turbopack in Next.js v15.0.1, Tailwind CSS fails to process styles **only** in Safari and Safari Technology Preview browsers. The issue does not manifest in other browsers or when Turbopack is disabled.

### Provide environment information

```bash
Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 24.0.0: Tue Sep 24 23:36:26 PDT 2024; root:xnu-11215.1.12~1/RELEASE_ARM64_T8103
  Available memory (MB): 8192
  Available CPU cores: 8
Binaries:
  Node: 22.9.0
  npm: 10.9.0
  Yarn: N/A
  pnpm: 9.12.2
Relevant Packages:
  next: 15.0.1 // Latest available version is detected (15.0.1).
  eslint-config-next: 15.0.1
  react: 19.0.0-rc-69d4b800-20241021
  react-dom: 19.0.0-rc-69d4b800-20241021
  typescript: 5.6.3
Next.js Config:
  output: N/A
```


### Which area(s) are affected? (Select all that apply)

Turbopack

### Which stage(s) are affected? (Select all that apply)

next dev (local)

### Additional context

### Current `layout.tsx` File
<img width="1440" alt="Screenshot 2024-10-27 at 11 49 10" src="https://github.com/user-attachments/assets/6f1d514b-6b20-47e7-8d7b-f320979ac5dc">
<img width="1440" alt="Screenshot 2024-10-27 at 11 49 17" src="https://github.com/user-attachments/assets/f0916ef2-44f0-4cac-9ae7-d7eb9eaa7e42">