Use updated sass import syntax

web/components/ui/Content/Content.module.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/mixins';
+@use '../../../styles/mixins' as *;
 
 .main {
   display: flex;

web/components/ui/CustomPageContent/CustomPageContent.module.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/mixins';
+@use '../../../styles/mixins' as *;
 
 .customPageContent {
   font-size: 1rem;

web/components/ui/Footer/Footer.module.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/mixins';
+@use '../../../styles/mixins' as *;
 
 .footer {
   display: flex;

web/components/ui/Header/Header.module.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/mixins';
+@use '../../../styles/mixins' as *;
 
 .header {
   height: var(--header-height);

web/components/ui/Noscript/Noscript.module.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/mixins';
+@use '../../../styles/mixins' as *;
 
 .noscript {
   position: fixed;

web/components/ui/OfflineBanner/OfflineBanner.module.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/mixins';
+@use '../../../styles/mixins' as *;
 
 .outerContainer {
   display: flex;

web/components/ui/OfflineEmbed/OfflineEmbed.module.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/mixins';
+@use '../../../styles/mixins' as *;
 
 $short-container-max-height: 480px;
 $short-container-min-height: 320px;

web/components/ui/followers/FollowerCollection/FollowerCollection.module.scss

@@ -1,4 +1,4 @@
-@import '../../../../styles/mixins';
+@use '../../../../styles/mixins' as *;
 
 .followers {
   width: 100%;

web/components/ui/followers/SingleFollower/SingleFollower.module.scss

@@ -1,4 +1,4 @@
-@import '../../../../../web/styles/mixins';
+@use '../../../../../web/styles/mixins' as *;
 
 .follower {
   border-color: rgb(0 0 0 / 30%);