From fbd2ba4b9bc7c5ae6a3c8796e4ea790a2c5507b0 Mon Sep 17 00:00:00 2001
From: Vladimir Kharlampidi <nolimits4web@gmail.com>
Date: Fri, 1 Nov 2024 12:38:51 -0400
Subject: [PATCH] fix(scss): Dart Sass 3.0.0 compatibility

fixes #7772
fixes #7771
---
 src/core/core.scss                     | 2 +-
 src/modules/navigation/navigation.scss | 2 +-
 src/modules/pagination/pagination.scss | 2 +-
 src/swiper.scss                        | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/core/core.scss b/src/core/core.scss
index 633b4862a..7513338aa 100644
--- a/src/core/core.scss
+++ b/src/core/core.scss
@@ -1,6 +1,6 @@
 @at-root {
   :root {
-    --swiper-theme-color: #{$themeColor};
+    --swiper-theme-color: #{vars.$themeColor};
     /*
     --swiper-preloader-color: var(--swiper-theme-color);
     --swiper-wrapper-transition-timing-function: initial;
diff --git a/src/modules/navigation/navigation.scss b/src/modules/navigation/navigation.scss
index 8623b969e..d3d50747d 100644
--- a/src/modules/navigation/navigation.scss
+++ b/src/modules/navigation/navigation.scss
@@ -1,4 +1,4 @@
-@import '../../swiper-vars.scss';
+@use '../../swiper-vars.scss' as vars;
 @at-root {
   :root {
     --swiper-navigation-size: 44px;
diff --git a/src/modules/pagination/pagination.scss b/src/modules/pagination/pagination.scss
index a9af7e3fe..461759224 100644
--- a/src/modules/pagination/pagination.scss
+++ b/src/modules/pagination/pagination.scss
@@ -1,4 +1,4 @@
-@import '../../swiper-vars.scss';
+@use '../../swiper-vars.scss' as vars;
 @at-root {
   :root {
     /*
diff --git a/src/swiper.scss b/src/swiper.scss
index 16be11fd8..1b1add233 100644
--- a/src/swiper.scss
+++ b/src/swiper.scss
@@ -1,4 +1,4 @@
-@import 'swiper-vars.scss';
+@use 'swiper-vars.scss' as vars;
 @at-root {
   @font-face {
     font-family: 'swiper-icons';