Use range context for media features

[jobara]

Is your feature request related to a problem? Please describe.

Ranges in media queries can have issues at times specifying min and max values. See: https://drafts.csswg.org/mediaqueries/#mq-min-max

Describe the solution you'd like

Instead of using min/max prefixes the media features should be converted to use range contexts. Stylelint can be configured to check for these using the media-feature-range-notation rule set to context.

Describe alternatives you've considered

No response

Additional context

This change could have been made already but at the time of writing, it is a relatively new feature for mobile browsers (introduced within the past year). We should wait till more users have had time to update their devices/browsers before making the switch.

see: https://caniuse.com/?search=range%20context