False positive "Unused CSS selector" on :global():has()

[7nik]

Describe the bug

Selector like :global(.parent):has(.component), which points to an external element but also refers to a component's one, is marked as unused.

Reproduction

Example version 5.16.2

Logs

No response

System Info

Version 5.16.2

Severity

annoyance

[petergoes]

I am facing the same issue, when migrating our codebase from Svelte 4 to Svelte 5.

Because of the size of our codebase, the severity of this issue exceeds annoyance for us. It prevents us from upgrading all together.

I only upgraded the svelte version, I did not converted anything to runes just yet.

My reproduction

[7nik]

That looks correct to me: the App component doesn't have any .card elements, and it can be fixed by

-	div :global(.card-list) {
+	div :global .card-list {

or wrapping :has() with another :global().

[petergoes]

Ow wauw, I completely missed the :global syntax (as in not function like). Thanks.