overflow-x-scroll has an !important applied negating respinsive directives

[Olga Banasinska]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

.overflow-x-scroll class has !important directive applied to it. This seems like a bug, since it overrides respoisive classes like .overflow-x-md-auto

Result from DevTools

_utilities.scss:67

.overflow-x-scroll {
    overflow-x: scroll !important;
}

but

_utility.scss:13

.overflow-x-scroll {
    overflow-x: scroll;
}

and

_utility.scss:28

.overflow-x-md-auto {
    overflow-x: auto;
}

Reduced test cases

https://codepen.io/olia-bn/pen/vYMVppd

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.3.3

[Olga Banasinska]

Im a teapot.