Add basic media query auto complete support

[Legend-Master]

Waiting for microsoft/vscode-custom-data#118

Closes #256
Closes microsoft/vscode#61125
Closes microsoft/vscode#245938

video.mp4

[aeschli]

Nice, thanks a lot!

[germanfrelo]

Great addition! Although I can't see any autocomplete suggestions for @media (min- or @media (max-):

Is that intentional?

I'm using Visual Studio Code (all extensions disabled):

• Version: 1.101.0
• Commit: dfaf44141ea9deb3b4096f7cd6d24e00c147a4b1
• Date: 2025-06-11T15:00:50.123Z
• Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) - Code/1.101.0 Chrome/134.0.6998.205 Electron/35.5.1 Safari/537.36

[Legend-Master]

This syntax is derived from the range type and needs some special handling, and that is not implemented yet

To be honest though it's kinda intentional to me, since I find that syntax quite hard to reason about, and most of the time, if you use anything like postcss (included in many bundlers by default), the new syntax (@media (width <= 300px) {}) would be transformed automatically if you target old browsers, also this is baseline 2023 so most browsers already support them natively

[germanfrelo]

Fair enough.