Minified pseudoselectors are not spec-compliant, breaking Qwik

[cmbartschat]

Describe the bug

span::before {
  content: '';
}

Becomes:

span:before{content:""}

By dropping the extra : from ::before, this is against the spec depended on by a plugin used by the Qwik build, see issue: https://github.com/BuilderIO/qwik/issues/2189

Reproduction

https://stackblitz.com/edit/vitejs-vite-hwufm4?file=style.css

Steps to reproduce

Run npm run build, then inspect the dist/assets/index-xxx.css to see the output.

System Info

Stackblitz/Firefox/Windows

Used Package Manager

npm

Logs

No response

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

Vite uses esbuild to minify CSS and esbuild transforms

span.foo::before {
  content: '';
}

into

span.foo:before{content:""}

repl

But I think changing ::before to :before is spec-compliant. This is written on the spec.

For compatibility with existing style sheets written against CSS Level 2 [CSS2], user agents must also accept the previous one-colon notation (:before, :after, :first-letter, :first-line) for the ::before, ::after, ::first-letter, and ::first-line pseudo-elements. https://w3c.github.io/csswg-drafts/css-pseudo/#css2-compat

I guess qwik's transformation doesn't take pseudo elements with one-colon notation like :before into account.