text-light is being overridden by .table-striped odd row color

[ryanmortier]

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

In Bootstrap v5.1.1 the following works correctly and the table row color is using text-light color for odd rows:

<table class="table table-striped">
    <tbody>
        <tr class="text-light"><td>Working - Text is using light color</td></tr>
        <tr class="text-light"><td>Working - Text is using light color</td></tr>
        <tr class="text-light"><td>Working - Text is using light color</td></tr>
    </tbody>
</table>

In Bootstrap v5.1.2 the following no longer works:

<table class="table table-striped">
    <tbody>
        <tr class="text-light"><td>Color being overridden by table-striped odd row</td></tr>
        <tr class="text-light"><td>Working because even rows aren't colored</td></tr>
        <tr class="text-light"><td>Color being overridden by table-striped odd row</td></tr>
    </tbody>
</table>

Is this an intentional change or is this a bug?

Reduced test cases

v5.1.1 https://codepen.io/morty11/pen/vYJGVxX
v5.1.2 https://codepen.io/morty11/pen/mdMPzrO

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?

v5.1.1 and v5.1.2

[fjalexandre]

Another issue related whit this:

#35158

[XhmikosR]

Duplicate of #35158.