SCSS _variables.scss file has misspelled variable: heading-color (node package)

[UAK-35]

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 current version (5.2.0) SCSS _variables.scss file has following statement at line 1363:
$popover-header-color: var(--#{$prefix}heading-color) !default;

It should be as follows:
$popover-header-color: var(--#{$prefix}headings-color) !default;

Note the s just before hyphen right before the word color, and I have used node to install bootstrap using following command:
npm i bootstrap

The effect of this bug is that dart-sass still compiles this file successfully but $popover-header-color variable has no value.

Thanks.

Reduced test cases

You can change line 1363 as follows:
$popover-header-color: $heading-color !default;

and it will not compile. It should be as below to compile sucessfully:
$popover-header-color: $headings-color !default;

Note the s just before hyphen right before the word color.

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

Linux

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

Firefox

What version of Bootstrap are you using?

v5.2.0

[julien-deramond]

Thanks for reporting this issue @UAK-35! You're right --#{$prefix}heading-color isn't defined anymore anywhere due to recent changes. I've created a PR to fix it.