CSS pseudo element ::hightlight not supported in Turbopack

[decentaur]

Link to the code that reproduces this issue

https://github.com/decentaur/nextjs-highlight-issue

To Reproduce

1. Run the application using npm run dev

Current vs. Expected behavior

The ::highlight pseudo element throws error:

 ⨯ ./app/styles/global.css:5:13
Parsing CSS source code failed
  ::highlight(highlight-test) {

'highlight' is not recognized as a valid pseudo-element. Did you mean ':highlight' (pseudo-class) or is this a typo?

Import trace:
  Client Component Browser:
    ./app/styles/global.css [Client Component Browser]
    ./app/page.tsx [Client Component Browser]
    ./app/page.tsx [Server Component]

Webpack renders this code without the error: npm run devwp

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Pro
  Available memory (MB): 64630
  Available CPU cores: 16
Binaries:
  Node: 24.9.0
  npm: 11.6.0
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 16.0.1-canary.3 // Latest available version is detected (16.0.1-canary.3).
  eslint-config-next: N/A
  react: 19.2.0
  react-dom: 19.2.0
  typescript: 5.9.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

CSS

Which stage(s) are affected? (Select all that apply)

next dev (local)

Additional context

No response

[Netail]

Upstream; parcel-bundler/lightningcss#861, there has been a PR open for quite some time now too; parcel-bundler/lightningcss#970