What version of @astrojs/compiler-rs are you using?
0.3.2
What package manager are you using?
npm
What operating system are you using?
StackBlitz
Describe the Bug
When using a :global() selector nested inside :has() in CSS, it is not stripped from CSS output, resulting in CSS that does not work.
Example input:
h3:has(+ :global(h4)) {
color:red
}
Example output:
h3[data-astro-cid-lcdefpme]:has( + :global(h4)) {
color: red;
}
Link to Minimal Reproducible Example
https://stackblitz.com/edit/github-uauc91pm?file=src%2Fpages%2Findex.astro
What version of
@astrojs/compiler-rsare you using?0.3.2
What package manager are you using?
npm
What operating system are you using?
StackBlitz
Describe the Bug
When using a
:global()selector nested inside:has()in CSS, it is not stripped from CSS output, resulting in CSS that does not work.Example input:
Example output:
Link to Minimal Reproducible Example
https://stackblitz.com/edit/github-uauc91pm?file=src%2Fpages%2Findex.astro