Border width class affecting the children as well

Created by: Al-Ki-Lee

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

When I use the border width class, the effect go to all the children elements having a border as well.

Here is an exemple :

<div class="container border border-5 border-primary">
        <div class="border">Test</div>
</div>

The solution I found is to override the border width class directly in each children element's class :

<div class="container border border-5 border-primary">
        <div class="border border-1">Test</div>
</div>

I expected that the border of the children would not be affected as well. Is that normal ?

Reduced test cases

None

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

Windows

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

Chrome, Firefox

What version of Bootstrap are you using?

5.3.0-alpha1