diff --git a/src/scss/system/_core.scss b/src/scss/system/_core.scss
index 56b1733..856ebae 100644
--- a/src/scss/system/_core.scss
+++ b/src/scss/system/_core.scss
@@ -15,8 +15,8 @@
 // BEGIN: Device Width
 
 @mixin device($key) {
-  @if map-has-key(mbi.$device, $key) {
-    $value: map-get(mbi.$device, $key);
+  @if map.has-key(mbi.$device, $key) {
+    $value: map.get(mbi.$device, $key);
 
     @media (min-width: $value) {
       @content;
diff --git a/src/scss/system/_functions.scss b/src/scss/system/_functions.scss
index 8688cd0..93b9e83 100644
--- a/src/scss/system/_functions.scss
+++ b/src/scss/system/_functions.scss
@@ -1,16 +1,16 @@
 @use './variables' as mbi;
 
 @function color($key: default, $darken: 0) {
-  $value: map-get(mbi.$color, $key);
+  $value: map.get(mbi.$color, $key);
   @return darken($value, $darken);
 }
 
 @function device($key: md) {
-  @if map-has-key(mbi.$device, $key) {
-    @return map-get(mbi.$device, $key);
+  @if map.has-key(mbi.$device, $key) {
+    @return map.get(mbi.$device, $key);
   }
 
-  @return map-get(mbi.$device, md);
+  @return map.get(mbi.$device, md);
 }
 
 @function var($name) {