The alert borders ignore border-width

Created by: rxbracho

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

The alert borders use --bs-alert-border which explicitely sets, both, the width and the style of the border to 1px and solid, respectively. In particular, it doesn't make use of --bs-border-width so utilities like .border-2 have no effect.

Reduced test cases

From bootstrap.css, we find: --bs-alert-border: 1px solid var(--bs-alert-border-color); and .border-2 simply sets: --bs-border-width: 2px; which has no effect in the alert.

My workaround was a class .alert-border setting --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); although it should probably have --bs-border-style instead of solid, but there are no utilities to set that variable.

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

Windows, Android, Linux

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

Chrome, Firefox

What version of Bootstrap are you using?

v5.2.1