Tables: add a fix to handle .bg-* and .text-* utilities on tables.

[louismaximepiton]

Description

Set the background and color on the table itself so it avoids nesting. Added for every cell a cascade if the --bs-table-color/bg is redefined. If not, every cell inherits the table color/bg.

Please double-check that :

• utilities work at any level now.
• nesting still resets style.
• variants still work.
• other variants such as .table-hover, .table-active, etc... still work

⚠️ Sass variables relating to table color are set to inherit to make things working using .text-bg-primary for example.

Motivation & Context

Many issues and discussions about the fact that the utilities used to work and weren't working anymore on table at every level.

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read the contributing guidelines
• My code follows the code style of the project (using npm run lint)
• (NA) My change introduces changes to the documentation
• (NA) I have updated the documentation accordingly
• (NA) I have added tests to cover my changes
• All new and existing tests passed

Live previews

• https://deploy-preview-38826--twbs-bootstrap.netlify.app/docs/5.3/content/tables

Related discussions

#38727
#38730
#38690
#38744
#39812
https://github.com/orgs/twbs/discussions/40747

Related issues

Closes #38779

[ozkoidi]

Any plans on merging this pull requests? These were indeed breaking changes. Not only on background colors of tables but font colors too.