Does not support Media Queries Level 4

[jasikpark]

Type: Bug

Media Queries Level 4 supports logical operators in media queries, and is widely supported across browsers today

https://developer.mozilla.org/en-US/docs/Web/CSS/@media#examples

https://developer.mozilla.org/en-US/docs/Web/CSS/@media#browser_compatibility

Example:

.ConfirmChangesBanner {
  --banner-margin: 40px;

  color: var(--color-gray-60);
  background: var(--color-gray-15);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: baseline;
  position: fixed;
  margin: var(--banner-margin);
  padding-left: 24px;
  padding-right: 16px;
  padding-block: 16px;
  border-radius: 8px;
  bottom: 0;
  left: 0;
  right: 0;

  @media screen and (width <= env(--size-breakpoint-xs)) {
    --banner-margin: 24px;

    flex-direction: column;
    align-items: stretch;
    padding-left: 16px;
  }
}

triggers an error from the extension complaining about the invalid media query

Extension version: 2.0.2
VS Code version: Code 1.78.2 (b3e4e68a0bc097f0ae7907b217c1119af9e03435, 2023-05-10T15:00:40.428Z)
OS version: Darwin arm64 22.4.0
Modes:
Sandboxed: No

System Info

Item	Value
CPUs	Apple M1 Max (10 x 24)
GPU Status	2d_canvas: enabled canvas_oop_rasterization: disabled_off direct_rendering_display_compositor: disabled_off_ok gpu_compositing: enabled metal: disabled_off multiple_raster_threads: enabled_on opengl: enabled_on rasterization: enabled raw_draw: disabled_off_ok video_decode: enabled video_encode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled webgpu: enabled
Load (avg)	35, 16, 10
Memory (System)	64.00GB (2.51GB free)
Process Argv
Screen Reader	yes
VM	0%

[k0r37k1]

Same here, please fix.