unused css highlighting is always messed up

Describe the bug When using SCSS style blocks, the unused CSS wiggly yellow lines don’t show up in the right place.

It should highlight the .introduction class, but it highlights the height property (or any last property of the first defined style) instead.

When switching back to a normal CSS block without the lang attribute, it works fine.

To Reproduce

1. Make a simple component with some elements
2. Add some used and unused vanilla CSS without SCSS functions or syntax sugar
3. Change the <style> to <style lang="scss">

Expected behavior Work the same as when it is just a normal <style> block

Screenshots See above

System (please complete the following information):

• OS: Windows
• IDE: VScode
• Plugin/Package: “Svelte for VSCode”

Additional context No additional plugins or extensions were enabled when making the screenshot. I even restarted vscode just in case.

[dummdidumm]

This should be fixed with version 4.6.1 of svelte-preprocess.

[benmccann]

It’s high on our radar. It’s not in a mergable state yet though. I left some comments on it.