'How to modify Bootstrap variables v4 using @use instead of @import in sass

I want to use @use instead of @import for modifying bootstrap classes

$primary: #f84b07;
$border-radius: 10rem;

@import "~bootstrap/scss/bootstrap.scss";

I used This -

$primary: #f84b07;
$border-radius: 10rem;

@use "~bootstrap/scss/bootstrap.scss" as *;

But,This is thorowing me a error: SassError: This module and the new module both define a variable named "$primary".

So, what's the Best way of Customizing Bootstrap using @use?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source