Nesting color mode: colors of headers are not overwritten

Created by: robertstrasser

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 using nesting color modes as described in the docs nesting-color-modes colors are set as expected.

Nevertheless, when using headers (h1, h2, h3, ...), the nesting color mode is not applied correctly. Headers still have the color of the dark color mode (color --bs-heading-color, not visible on white background):

Reduced test cases

https://codepen.io/robertstrasser/pen/eYjdZgr

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

Windows

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

Chrome, Firefox, Microsoft Edge

What version of Bootstrap are you using?

5.3.0-alpha1