vercel/next.js

:global cannot be used in SASS

weeptao opened this issue · 0 comments

Verify canary release

  • I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 10 Pro     
  Available memory (MB): 32674
  Available CPU cores: 24     
Binaries:
  Node: 20.18.0
  npm: 10.8.2
  Yarn: N/A
  pnpm: 9.12.1
Relevant Packages:
  next: 15.1.0 // Latest available version is detected (15.1.0).
  eslint-config-next: 15.1.0
  react: 19.0.0
  react-dom: 19.0.0
  typescript: 5.7.2
Next.js Config:
  output: N/A

Which example does this report relate to?

sass

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

Describe the Bug

.good {
  :global {
    a {
      color: red;
    }
  }
}
import styles from './page.module.scss'
function Test(){
  return <div className={styles.good}></div>
}

throw error
image

Expected Behavior

In NextJS14, I can use: global, But in 15, it will throw an error。
I don't know how to use it in version 15: global, How can I modify the component style of the current page if it cannot be used

To Reproduce

image
image