`compat.rs`: Media query interval syntax incorrectly marked as globally unsupported

[LeoniePhiline]

Range vs interval syntax

Reading the above sources, it appears to me as if browsers make no difference between range ((width < 500px)) and interval ((200px <= width < 500px)) syntax, following CSS Media Queries 4 while lightningcss treats range syntax as supported and interval syntax as (incorrectly) unsupported.

Supported by various browser distribs:

• Can I Use: https://caniuse.com/css-media-range-syntax
• MDN Compat: https://developer.mozilla.org/en-US/docs/Web/CSS/@media#browser_compatibility under "Range syntax from Media Queries Level 4"
• Compat data available: https://github.com/mdn/browser-compat-data/blob/main/css/at-rules/media.json#L1304-L1341

Marked as globally unsupported:

• compat.rs (generated): https://github.com/parcel-bundler/lightningcss/blob/master/src/compat.rs#L1211-L1213
• Hard-coded global incompatibility in generator:

  lightningcss/scripts/build-prefixes.js

  Line 229 in 1eccce5

  mediaIntervalSyntax: {}, // currently no browsers

Interval syntax demo

https://jsfiddle.net/cwmefnq9/

[devongovett]

Looks like this was fixed in be440ef