:global cannot be used in SASS
weeptao opened this issue · 0 comments
weeptao commented
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>
}
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