From ceb45eb437a796d133c3917f1f2da1637b991e3a Mon Sep 17 00:00:00 2001
From: CodeMyst <code@myst.rs>
Date: Tue, 7 Jan 2025 17:43:00 +0100
Subject: [PATCH] fix: sass deprecation warnings

---
 client/src/variables.scss | 6 ++++--
 client/vite.config.js     | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/src/variables.scss b/client/src/variables.scss
index 623ad7d3..dd55b687 100755
--- a/client/src/variables.scss
+++ b/client/src/variables.scss
@@ -1,3 +1,5 @@
+@use 'sass:list';
+
 $fs-small: 0.9rem;
 $fs-normal: 1rem;
 $fs-medium: 1.2rem;
@@ -12,10 +14,10 @@ $break-med: 620px;
 @mixin transition($properties...) {
     $transition: ();
     @each $property in $properties {
-        $transition: append($transition, ($property 0.1s ease-in-out), $separator: comma);
+        $transition: list.append($transition, ($property 0.1s ease-in-out), $separator: comma);
     }
 
-    @if length($properties) == 0 {
+    @if list.length($properties) == 0 {
         $transition: all 0.1s ease-in-out;
     }
 
diff --git a/client/vite.config.js b/client/vite.config.js
index 8491cc53..2bc00c93 100644
--- a/client/vite.config.js
+++ b/client/vite.config.js
@@ -6,7 +6,8 @@ const config = {
     css: {
         preprocessorOptions: {
             scss: {
-                additionalData: '@use "src/variables.scss" as *;'
+                additionalData: '@use "/src/variables.scss" as *;',
+                api: 'modern-compiler',
             }
         }
     },