From 6126fea6acdc1e54931743d06cc031debbb280ea Mon Sep 17 00:00:00 2001
From: Sviatoslav <sviat.mak@gmail.com>
Date: Sat, 8 Feb 2025 19:24:29 +0100
Subject: [PATCH] fix: update @import to @use for scss files (#1450)

---
 src/components/sections/Community/styles.module.scss            | 2 +-
 src/components/sections/CompaniesSupporting/styles.module.scss  | 2 +-
 src/components/sections/ConnectCommunity/styles.module.scss     | 2 +-
 .../SponsorsAndBackers/OpenCollectiveBackers/styles.module.scss | 2 +-
 .../OpenCollectiveSponsors/styles.module.scss                   | 2 +-
 src/components/sections/docs/Books/styles.module.scss           | 2 +-
 src/components/sections/docs/Releases/styles.module.scss        | 2 +-
 src/components/sections/docs/Showcase/styles.module.scss        | 2 +-
 src/components/sections/docs/VideoTutorial/styles.module.scss   | 2 +-
 .../sections/docs/WhoUsesWithSearch/styles.module.scss          | 2 +-
 .../sections/marketplace/MarketplaceHero/styles.module.scss     | 2 +-
 .../marketplace/MarketplaceList/ModuleCard/styles.module.scss   | 2 +-
 .../sections/marketplace/MarketplaceList/styles.module.scss     | 2 +-
 .../sections/team/Streams/StreamsList/styles.module.scss        | 2 +-
 src/components/sections/team/TeamDescription/styles.module.scss | 2 +-
 src/components/sections/team/TeamList/styles.module.scss        | 2 +-
 .../sections/welcome/About/Description/styles.module.scss       | 2 +-
 src/components/sections/welcome/About/Goals/styles.module.scss  | 2 +-
 .../welcome/About/Options/OptionsList/styles.module.scss        | 2 +-
 .../sections/welcome/About/Options/styles.module.scss           | 2 +-
 .../sections/welcome/About/Technology/styles.module.scss        | 2 +-
 src/components/sections/welcome/Hero/styles.module.scss         | 2 +-
 src/components/sections/welcome/Modules/styles.module.scss      | 2 +-
 src/components/sections/welcome/WhoUses/styles.module.scss      | 2 +-
 src/theme/Footer/styles.module.scss                             | 2 +-
 25 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/components/sections/Community/styles.module.scss b/src/components/sections/Community/styles.module.scss
index 157ededf0..2f29a4720 100644
--- a/src/components/sections/Community/styles.module.scss
+++ b/src/components/sections/Community/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   color: #ffffff;
diff --git a/src/components/sections/CompaniesSupporting/styles.module.scss b/src/components/sections/CompaniesSupporting/styles.module.scss
index 2c2a8b3df..2b5a9271d 100644
--- a/src/components/sections/CompaniesSupporting/styles.module.scss
+++ b/src/components/sections/CompaniesSupporting/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   background-color: var(--ifm-color-primary-darker);
diff --git a/src/components/sections/ConnectCommunity/styles.module.scss b/src/components/sections/ConnectCommunity/styles.module.scss
index d083c80d4..e8ec615d4 100644
--- a/src/components/sections/ConnectCommunity/styles.module.scss
+++ b/src/components/sections/ConnectCommunity/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   &Content {
diff --git a/src/components/sections/SponsorsAndBackers/OpenCollectiveBackers/styles.module.scss b/src/components/sections/SponsorsAndBackers/OpenCollectiveBackers/styles.module.scss
index f37d0defe..610aa00f5 100644
--- a/src/components/sections/SponsorsAndBackers/OpenCollectiveBackers/styles.module.scss
+++ b/src/components/sections/SponsorsAndBackers/OpenCollectiveBackers/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   display: flex;
diff --git a/src/components/sections/SponsorsAndBackers/OpenCollectiveSponsors/styles.module.scss b/src/components/sections/SponsorsAndBackers/OpenCollectiveSponsors/styles.module.scss
index 2be820229..03de561ab 100644
--- a/src/components/sections/SponsorsAndBackers/OpenCollectiveSponsors/styles.module.scss
+++ b/src/components/sections/SponsorsAndBackers/OpenCollectiveSponsors/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   &List {
diff --git a/src/components/sections/docs/Books/styles.module.scss b/src/components/sections/docs/Books/styles.module.scss
index 5a8e4d6d4..730f8e1f1 100644
--- a/src/components/sections/docs/Books/styles.module.scss
+++ b/src/components/sections/docs/Books/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   &List {
diff --git a/src/components/sections/docs/Releases/styles.module.scss b/src/components/sections/docs/Releases/styles.module.scss
index 9bebdf7d9..75f89aee0 100644
--- a/src/components/sections/docs/Releases/styles.module.scss
+++ b/src/components/sections/docs/Releases/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   &List {
diff --git a/src/components/sections/docs/Showcase/styles.module.scss b/src/components/sections/docs/Showcase/styles.module.scss
index fdef88381..51c1c1740 100644
--- a/src/components/sections/docs/Showcase/styles.module.scss
+++ b/src/components/sections/docs/Showcase/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   &List {
diff --git a/src/components/sections/docs/VideoTutorial/styles.module.scss b/src/components/sections/docs/VideoTutorial/styles.module.scss
index 4250c6e79..953829b73 100644
--- a/src/components/sections/docs/VideoTutorial/styles.module.scss
+++ b/src/components/sections/docs/VideoTutorial/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   &Title {
diff --git a/src/components/sections/docs/WhoUsesWithSearch/styles.module.scss b/src/components/sections/docs/WhoUsesWithSearch/styles.module.scss
index 448c16f74..e460feb2f 100644
--- a/src/components/sections/docs/WhoUsesWithSearch/styles.module.scss
+++ b/src/components/sections/docs/WhoUsesWithSearch/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   &Tabs {
diff --git a/src/components/sections/marketplace/MarketplaceHero/styles.module.scss b/src/components/sections/marketplace/MarketplaceHero/styles.module.scss
index b178bb66e..5109b3771 100644
--- a/src/components/sections/marketplace/MarketplaceHero/styles.module.scss
+++ b/src/components/sections/marketplace/MarketplaceHero/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   padding: 5rem 0;
diff --git a/src/components/sections/marketplace/MarketplaceList/ModuleCard/styles.module.scss b/src/components/sections/marketplace/MarketplaceList/ModuleCard/styles.module.scss
index b0451a4c9..7cf3ee23d 100644
--- a/src/components/sections/marketplace/MarketplaceList/ModuleCard/styles.module.scss
+++ b/src/components/sections/marketplace/MarketplaceList/ModuleCard/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .card {
   background-color: var(--ifm-color-primary);
diff --git a/src/components/sections/marketplace/MarketplaceList/styles.module.scss b/src/components/sections/marketplace/MarketplaceList/styles.module.scss
index 6d961c6dd..7639e6782 100644
--- a/src/components/sections/marketplace/MarketplaceList/styles.module.scss
+++ b/src/components/sections/marketplace/MarketplaceList/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   padding: 5rem 0;
diff --git a/src/components/sections/team/Streams/StreamsList/styles.module.scss b/src/components/sections/team/Streams/StreamsList/styles.module.scss
index ab5a26a3c..c5d2e6262 100644
--- a/src/components/sections/team/Streams/StreamsList/styles.module.scss
+++ b/src/components/sections/team/Streams/StreamsList/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .list {
   margin-top: 2.5rem;
diff --git a/src/components/sections/team/TeamDescription/styles.module.scss b/src/components/sections/team/TeamDescription/styles.module.scss
index d89fd608e..45854831a 100644
--- a/src/components/sections/team/TeamDescription/styles.module.scss
+++ b/src/components/sections/team/TeamDescription/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   background-color: var(--ifm-color-primary-darkest);
diff --git a/src/components/sections/team/TeamList/styles.module.scss b/src/components/sections/team/TeamList/styles.module.scss
index 82c63793e..60d9d7796 100644
--- a/src/components/sections/team/TeamList/styles.module.scss
+++ b/src/components/sections/team/TeamList/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .list {
   list-style: none;
diff --git a/src/components/sections/welcome/About/Description/styles.module.scss b/src/components/sections/welcome/About/Description/styles.module.scss
index 625622739..d13854b80 100644
--- a/src/components/sections/welcome/About/Description/styles.module.scss
+++ b/src/components/sections/welcome/About/Description/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   list-style: none;
diff --git a/src/components/sections/welcome/About/Goals/styles.module.scss b/src/components/sections/welcome/About/Goals/styles.module.scss
index e1284b863..27eefb1b8 100644
--- a/src/components/sections/welcome/About/Goals/styles.module.scss
+++ b/src/components/sections/welcome/About/Goals/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   margin-top: 4rem;
diff --git a/src/components/sections/welcome/About/Options/OptionsList/styles.module.scss b/src/components/sections/welcome/About/Options/OptionsList/styles.module.scss
index 28cb4f0ec..7fdfcfe9a 100644
--- a/src/components/sections/welcome/About/Options/OptionsList/styles.module.scss
+++ b/src/components/sections/welcome/About/Options/OptionsList/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   margin-top: 3.5rem;
diff --git a/src/components/sections/welcome/About/Options/styles.module.scss b/src/components/sections/welcome/About/Options/styles.module.scss
index 22cd45cb0..20b5539b9 100644
--- a/src/components/sections/welcome/About/Options/styles.module.scss
+++ b/src/components/sections/welcome/About/Options/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   margin-top: 0.5rem;
diff --git a/src/components/sections/welcome/About/Technology/styles.module.scss b/src/components/sections/welcome/About/Technology/styles.module.scss
index d1dea217f..83a7b8da9 100644
--- a/src/components/sections/welcome/About/Technology/styles.module.scss
+++ b/src/components/sections/welcome/About/Technology/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   display: flex;
diff --git a/src/components/sections/welcome/Hero/styles.module.scss b/src/components/sections/welcome/Hero/styles.module.scss
index b060137e6..b9bf10254 100644
--- a/src/components/sections/welcome/Hero/styles.module.scss
+++ b/src/components/sections/welcome/Hero/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   padding-bottom: 5rem;
diff --git a/src/components/sections/welcome/Modules/styles.module.scss b/src/components/sections/welcome/Modules/styles.module.scss
index b095c6d33..e90860e3b 100644
--- a/src/components/sections/welcome/Modules/styles.module.scss
+++ b/src/components/sections/welcome/Modules/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   background-color: var(--ifm-color-primary-darker);
diff --git a/src/components/sections/welcome/WhoUses/styles.module.scss b/src/components/sections/welcome/WhoUses/styles.module.scss
index 431d670fd..706d8ad47 100644
--- a/src/components/sections/welcome/WhoUses/styles.module.scss
+++ b/src/components/sections/welcome/WhoUses/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .section {
   padding: 5rem 0;
diff --git a/src/theme/Footer/styles.module.scss b/src/theme/Footer/styles.module.scss
index 08abbbdb7..3979db465 100644
--- a/src/theme/Footer/styles.module.scss
+++ b/src/theme/Footer/styles.module.scss
@@ -1,4 +1,4 @@
-@import '@site/src/scss/breakpoints';
+@use '@site/src/scss/breakpoints' as *;
 
 .footer {
   &Content {