Buttons bug

[govorov-top]

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

Buttons
Added a transparent default hover border color CSS variable for buttons to fix a visual regression

Update 5.2.1 came out. In our projects after the transition to this version, all the buttons are broken.
I think that the promblem is in the component @import "bootstrap/scss/buttons";

In version 5.2.0 it was like this:

In version 5.2.1 it is like this:

Which overrides all styles and breaks the layout and logic.

Reduced test cases

Exemple: https://codepen.io/rgameshow/pen/zYjqoRK

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

Windows, macOS, Android, iOS, Linux

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

Chrome, Safari, Firefox, Microsoft Edge, Opera

What version of Bootstrap are you using?

5.2.1

[lildeadprince]

Not sure how what stands for a "breaking change" in CSS community, but from my point of view changing the specificity of a selector to a more specific one is maybe not a "major", but indeed is breaking.
(And looking into issues tab, that's probably not the only one example in 5.2.1)

Of course we always take SemVer with a grain of salt in web development, but I wouldn't expect such changes in patch (*.*.X) release.
I'd say such changes must be released only under a feature (*.X.0) version bump.

[patrickhlauke]

from my point of view changing the specificity of a selector to a more specific one is maybe not a "major", but indeed is breaking

in hindsight, sure. we just didn't catch the implications for people who then customise things on top in that particular way. we're only human, so no need for a big discussion on SemVer ;)