:global() selector causes syntax highlighting to fail

[blake-regalia]

Describe the bug

When using the :global(...) selector with an argument nested under an element selector in a LESS css block, the syntax highlighting gets messed up (it continues to lex in LESS even after the closing </style>)

Reproduction

<style lang="less">
    div {
        :global(.demo) {
            color: blue;
        }
    }
</style>


<div class="demo">
    Text
</div>

Inspecting the scopes at class="demo" reveals that it is still lexing as LESS:

Text: ' class="demo"'
Length: 13
Scopes:
  - meta.embedded.block.svelte
  - meta.lang.less.svelte
  - meta.property-list.less
  - meta.selector.less
  - meta.style.svelte
  - source.css.less
  - source.svelte

Expected behaviour

What the proper syntax highlighting should show:

System Info

• OS: MacOS
• IDE: VSCode

Which package is the issue about?

svelte-language-server

Additional Information, eg. Screenshots

No response

[dummdidumm]

This is an issue with the less grammar, opened radium-v/Better-Less#56 for this