The css :has selector is broken

[enyo]

Describe the bug

When using nesting inside a :has() selector, svelte doesn't recognize the children and removes the selector.

Example:

article:has(a:hover) {
  /* This works */
  background: yellow;

  a {
    /* This does not, it gets removed with a (unused) note */
    color: red;
  }
}

A workaround is to use global:

article:has(a:hover) {
  /* This works */
  background: yellow;

  :global(a) {
    /* This works */
    color: red;
  }
}

Reproduction

https://svelte.dev/playground/23060df7688c4bb1be84023e56f00996?version=5.0.5

System Info

This issue appeared in 5.0.0-next.266. It still works fine in 5.0.0-next.265.

Severity

annoyance

[brunnerh]

Probably a duplicate of:

• False positive for "Unused CSS selector" #13779