restruct: updated scss @import rules to @use; package upgrade

src/components/sections/InputsSection.vue

@@ -134,33 +134,15 @@ export default defineComponent({
   data: () => ({
     store: useStore(),
     locomotiveTypeList: [
-      {
-        id: 'loco-electric',
-        desc: 'ELEKTRYCZNE',
-      },
-      {
-        id: 'loco-diesel',
-        desc: 'SPALINOWE',
-      },
-      {
-        id: 'unit-electric',
-        desc: 'ELEKTR. ZESPOŁY TRAKCYJNE',
-      },
-      {
-        id: 'unit-diesel',
-        desc: 'SPAL. ZESPOŁY TRAKCYJNE',
-      },
+      { id: 'loco-electric', desc: 'ELEKTRYCZNE' },
+      { id: 'loco-diesel', desc: 'SPALINOWE' },
+      { id: 'unit-electric', desc: 'ELEKTR. ZESPOŁY TRAKCYJNE' },
+      { id: 'unit-diesel', desc: 'SPAL. ZESPOŁY TRAKCYJNE' },
     ] as { id: LocoGroupType; desc: string }[],
 
     carTypeList: [
-      {
-        id: 'wagon-passenger',
-        desc: 'PASAŻERSKIE',
-      },
-      {
-        id: 'wagon-freight',
-        desc: 'TOWAROWE',
-      },
+      { id: 'wagon-passenger', desc: 'PASAŻERSKIE' },
+      { id: 'wagon-freight', desc: 'TOWAROWE' },
     ] as { id: WagonGroupType; desc: string }[],
   }),
 
@@ -240,8 +222,6 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@import '../../styles/global';
-
 .inputs-section {
   display: flex;
   justify-content: center;
@@ -264,7 +244,7 @@ button.btn--choice {
   padding: 0.3em 0.6em;
 
   &[data-selected='true'] {
-    background-color: $accentColor;
+    background-color: global.$accentColor;
     color: black;
   }
 
@@ -282,12 +262,12 @@ button.btn--choice {
     display: block;
 
     font-weight: bold;
-    color: $accentColor;
+    color: global.$accentColor;
     margin-bottom: 0.3em;
   }
 
   select:focus {
-    border-color: $accentColor;
+    border-color: global.$accentColor;
   }
 }
 
@@ -308,7 +288,7 @@ button.btn--choice {
   margin-bottom: 0.5em;
 }
 
-@media screen and (max-width: $breakpointMd) {
+@media screen and (max-width: global.$breakpointMd) {
   .inputs-section {
     justify-content: center;
     text-align: center;