Cannot properly use global selector with :is and :where

[deanveloper]

Describe the bug
Svelte language server shows error for :global(:is(.a, .b)), even though it compiles properly.

To Reproduce
(environment: VSCode with Svelte for VSCode extension)

1. Put :global(:is(.a, .b)) in a component's style.

<script></script>

<style>
:global(:is(.a, .b)) {
   cursor: ew-resize;
}
</style>

Expected behavior
There should not be an error. In fact, building this code is successful.

Screenshots

System (please complete the following information):

• OS: WSL2
• IDE: VSCode
• Plugin/Package: Svelte for VSCode

[deanveloper]

Related: sveltejs/svelte#4314

[dummdidumm]

This is a Svelte compiler error, which I can't make appear with the code snippet and using the latest version. Which version of Svelte are you using your project? What happens if you update to the latest version?

[deanveloper]

It works in the REPL: https://svelte.dev/repl/2b3dad5fe375474e9ca412b4c7485e85?version=3.44.0

I am using svelte version 3.44.0

I did notice that I forgot to bring over the closing </style> tag, I've updated the initial report with it now.

[dummdidumm]

I cannot reproduce this, so I'm thinking that the Svelte package of your project is somehow not found, so the extension falls back to using the one packaged, which is 3.38.3, which contains this error. Bumping that would fix the issue, but the bump is currently blocked by sveltejs/svelte#6728

[deanveloper]

Hmm, my project is still in its early stages, and I created it using degit. I’m using version 2 of the package-lock (npm 7+) though, maybe that has something to do with it?