refactor(badge): migrate Sass from import to use

core/src/components/badge/badge.ios.scss

@@ -1,5 +1,7 @@
-@import "./badge";
-@import "./badge.ios.vars";
+@use "./badge.vars" as *;
+@use "./badge" as *;
+@use "./badge.ios.vars" as *;
+@use "../../migrated-themes/globals.ios" as *;
 
 // iOS Badge
 // --------------------------------------------------

core/src/components/badge/badge.ios.vars.scss

@@ -1,4 +1,4 @@
-@import "../../themes/globals.ios";
+@use "../../migrated-themes/globals.ios" as *;
 
 // iOS Badge
 // --------------------------------------------------

core/src/components/badge/badge.md.scss

@@ -1,5 +1,6 @@
-@import "./badge";
-@import "./badge.md.vars";
+@use "./badge" as *;
+@use "./badge.md.vars" as *;
+@use "../../migrated-themes/globals.md" as *;
 
 // Material Design Badge
 // --------------------------------------------------

core/src/components/badge/badge.md.vars.scss

@@ -1,4 +1,4 @@
-@import "../../themes/globals.md";
+@use "../../migrated-themes/globals.md" as *;
 
 // Material Design Badge
 // --------------------------------------------------

core/src/components/badge/badge.scss

@@ -1,4 +1,5 @@
-@import "./badge.vars";
+@use "./badge.vars" as *;
+@use "../../migrated-themes/globals" as *;
 
 // Badge
 // --------------------------------------------------

core/src/components/badge/badge.vars.scss

@@ -1,4 +1,4 @@
-@import "../../themes/globals";
+@use "../../migrated-themes/globals" as *;
 
 // Badge
 // --------------------------------------------------

core/src/migrated-themes/default.ionic.scss

@@ -1,3 +1,5 @@
+@use "./default" as *;
+
 // Ionic Theme
 // -------------------------------------------------------------------------------------------
 // This file should only contain variables that are

core/src/migrated-themes/default.ios.scss

@@ -1,3 +1,5 @@
+@use "./default" as *;
+
 // Ionic iOS Theme
 // -------------------------------------------------------------------------------------------
 // This file should only contain variables that are

core/src/migrated-themes/default.md.scss

@@ -1,3 +1,4 @@
+@use "./default" as *;
 
 // Material Design Default Theme
 // --------------------------------------------------

core/src/migrated-themes/functions.scss

@@ -6,6 +6,8 @@
 @use "sass:meta";
 @use "sass:string";
 
+@use "./default" as *;
+
 // TODO can we combine the following two variables
 // and combine the functions that use them?
 $browser-context: 16;