Rolldown cant handle :after in production

[roadtosixx]

Describe the bug

Rolldown cant handle :after attribute in CSS.

Dev Mode:

After Build:

Reproduction

https://stackblitz.com/edit/vitejs-rolldown-vite-swgku8bc?file=index.html

Steps to reproduce

npm install
npm dev -> works

npm build
npm preview -> works now

System Info

System:
    OS: Windows 11 10.0.26220
    CPU: (32) x64 AMD Ryzen 9 9950X 16-Core Processor            
    Memory: 47.52 GB / 93.64 GB
  Binaries:
    Node: 24.8.0 - C:\Program Files\nodejs\node.EXE
    npm: 11.6.1 - C:\Users\lggam\AppData\Roaming\npm\npm.CMD
  Browsers:
    Chrome: 142.0.7444.176
    Edge: Chromium (143.0.3650.7)
    Internet Explorer: 11.0.26100.7070
  npmPackages:
    @vitejs/plugin-vue: ^6.0.2 => 6.0.2 
    rolldown-vite:  7.2.7

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs and the Rolldown-related guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

It seems this is a bug in lightningcss: parcel-bundler/lightningcss#695
A workaround is to swap the order of -webkit-backdrop-filter and backdrop-filter.