diff --git a/src/datepicker/bs-datepicker.scss b/src/datepicker/bs-datepicker.scss
index c756262d85..15d4a84c98 100644
--- a/src/datepicker/bs-datepicker.scss
+++ b/src/datepicker/bs-datepicker.scss
@@ -1,5 +1,5 @@
-@import 'utils/scss/variables';
-@import 'utils/scss/mixins';
+@use 'utils/scss/variables' as *;
+@use 'utils/scss/mixins' as *;
 
 /* .bs-datepicker */
 .bs-datepicker {
diff --git a/src/datepicker/utils/scss/mixins.scss b/src/datepicker/utils/scss/mixins.scss
index 227038fa99..33ce21b7ad 100644
--- a/src/datepicker/utils/scss/mixins.scss
+++ b/src/datepicker/utils/scss/mixins.scss
@@ -1,4 +1,4 @@
-@import 'variables';
+@use 'variables' as *;
 
 @mixin theming($name, $color) {
   .theme-#{$name} {