Styles start with :global() and contain ~ are removed

[btamas]

Describe the bug
When a style start with :global() and contain ~, it is detected as unused css and it won't be in the compiled component.

To Reproduce
https://svelte.dev/repl/f912b3cecd29433990eca1947b902184?version=3.29.0

Severity
Medium

[Conduitry]

Interesting. @tanhauhau do you think it's practical to let the + and ~ combinators match as siblings to :global()s?

[btamas]

I debugged it more deeply and it came with version 3.27.0 and with https://github.com/sveltejs/svelte/pull/5427/files#diff-ad7d8aa7ba8f1612a46a38b563c075aaR211
I can downgrade svelte to 3.26.0, but I would really appreciate if you give an exception for globals.

[btamas]

I debugged it more deeply and it came with version 3.27.0 and with https://github.com/sveltejs/svelte/pull/5427/files#diff-ad7d8aa7ba8f1612a46a38b563c075aaR211
I can downgrade svelte to 3.26.0, but I would really appreciate if you give an exception for globals.

[tanhauhau]

It's a bug. Will look into it.

Found that the scoping for :global(.abc) > .def wasn't working fine too

[non25]

@tanhauhau any progress? Had to rollback to 3.26 :(

[non25]

@Conduitry @Rich-Harris @antony
Can somebody rollback that PR until it is fixed or add exceptions for globals please?
Can't upgrade to ^3.27.0 because it will break components in several projects. 😞

[non25]

@btamas Until fixed, you can workaround it like this:

:global(* +) .class

Thanks to https://github.com/lega911

[Conduitry]

This should be fixed in 3.32.2 - https://svelte.dev/repl/f912b3cecd29433990eca1947b902184?version=3.32.2