Issue With Using Sass @use instead of @import for npm package

[ashutoshsharmans]

Using boostrap 5.3.3 npm package if we follow the new guide line of Dart Sass 3.0.0, we get the following below warning.
**If we switch to use @use. Not all the feature of boostrap works! Is boostrap looking to fix this**

If we switch to using @use form @import the code compiles but boostrap doesn't fully work. Grid layout's works, but color overwrite doesn't work with @use but works with @import

Overwrite Work

$primary: red;
$secondary: blue;
@import 'bootstrap/scss/bootstrap';

Overwrite Doesn't Work

$primary: red;
$secondary: blue;
@import 'bootstrap/scss/bootstrap';

Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

Is Boostrap working on fixing this?

[JamesVanWaza]

Yes @ashutoshsharmans see #41236 its a WIP.

[julien-deramond]

Hey @ashutoshsharmans,
This issue has been identified and will be addressed in PR #41112 and/or PR #41236.
In summary, we first need to drop support for Node Sass to enable the use of Sass modules.
Right now, Bootstrap users should stick to @import for full-compatibility.

[jonhubby]

It’s great to see the shift toward Dart Sass and modern standards. As for a timeline, it depends on the project you're referring to; some frameworks and libraries are actively phasing out Node Sass already, while others are a bit slower to transition.