Switch to using range context queries

[jcoyne]

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

Currently bootstrap uses queries like @media (max-width: 575.98px). It appears this was because range queries were not supported in the past:

https://github.com/twbs/bootstrap/blob/main/site/layouts/partials/callouts/info-mediaqueries-breakpoints.md?plain=1#L1

Motivation and context

All browsers now support range queries, so we don't need the confusion around "why did you subtract 0.02px?" See https://caniuse.com/css-media-range-syntax

This means we can just have:

@media (width < 576px)

[julien-deramond]

Based on https://caniuse.com/?search=range%20queries, it could be update only in v6 with #37309 (or other PR) to update our .browserlistrc