Transitioning to the new SASS module system with @use from @import has presented some challenges, especially when working with bootstrap v5:
https://i.sstatic.net/8Hy7W.png
Old way:
@import "~bootstrap/scss/bootstrap";
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
New way:
@use "~bootstrap/scss/bootstrap";
@use "~bootstrap/scss/functions";
@use "~bootstrap/scss/variables";
@use "~bootstrap/scss/mixins";