SCSS variable autocomplete gets two $ prefix instead of one

[mrleblanc101]

• VS Code Version: 1.83.1
• SCSS IntelliSense Version: 0.10.0
• Operating System: macOS Ventural 14.1

In a SCSS file, if I autocomplete a variable name, then change the variable, autocomplete work correctly.

In a Vue file, if I autocomplete a variable name, then change the variable, the autocomplete will add the $ prefix even if it's already present leading to a double $$ before the variable name.

This seems to be a conflict betweent SCSS IntelliSense (vscode-scss) and Volar.
I opened the issue in the Volar repo too: vuejs/language-tools#3695

[luqiudi]

it is super annoying.
how can i solve it

[joy-yu]

We can use vue-scss-variable-scan to get the same extension functionality in Vue project.