Bootstrap 5.3.3 bs-primary-rgb does not get overridden even after overriding primary colors and bg-primary

[desmondblue]

Prerequisites

• [X] I have searched for duplicate or closed issues
• [X] I have validated any HTML to avoid common problems
• [X] I have read the contributing guidelines

Describe the issue

Hi I am using the bootstrap 5.3.3, after scouring the internet for all the ways to fix the known bugs and issues with overriding theme-colors have I decided to open this issue. My refactored variable file after referring https://github.com/twbs/bootstrap/issues/39379. ` @import "bootstrap/scss/functions";

/* other colors */ $error-red: #DC3545;

/* Bootstrap 5 */ $primary: #0047BB; $secondary: #63666a; $success: #8edd65; $danger: #dc3545; $info: #17a2b8; $warning: #ffc107; $light: #f8f9fa; $dark: #53565A;

$navbar-dark-color: rgba(#fff, .9); /does not work the primary color still gets taken from bs-primary-rgb/ $bg-color-primary: $primary;

@import "bootstrap/scss/variables"; ` ### Imports into the main style.scss file: @use '@angular/material' as mat; /* Import Bootstrap and other custom styles */ @import 'custom-variables'; // Custom variables file @import 'custom-material-theme'; // Custom theme if necessary @import "@ng-select/ng-select/themes/default.theme.css"; // External library styles

Project Structure: All scss files are present under a directory "sass"

Here the primary color should be overriden with the deeper shade of blue and yet it does not. I am under the impression that the map merge parts for theme colors and utilities do not have to be done here since they were fixed as part of 5.3.3. What am I doing wrong?

Reduced test cases

` @import "bootstrap/scss/functions";

/* other colors */ $error-red: #DC3545;

/* Bootstrap 5 */ $primary: #0047BB;

/does not work the primary color still gets taken from bs-primary-rgb/ $bg-color-primary: $primary;

@import "bootstrap/scss/variables"; `

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?

5.3.3