diff --git a/Gemfile.lock b/Gemfile.lock
index ea45df0..78b544a 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -110,17 +110,25 @@ GEM
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
-    nokogiri (1.16.7-aarch64-linux)
+    mini_portile2 (2.8.8)
+    nokogiri (1.18.3)
+      mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
-    nokogiri (1.16.7-arm-linux)
+    nokogiri (1.18.3-aarch64-linux-gnu)
       racc (~> 1.4)
-    nokogiri (1.16.7-arm64-darwin)
+    nokogiri (1.18.3-aarch64-linux-musl)
       racc (~> 1.4)
-    nokogiri (1.16.7-x86-linux)
+    nokogiri (1.18.3-arm-linux-gnu)
       racc (~> 1.4)
-    nokogiri (1.16.7-x86_64-darwin)
+    nokogiri (1.18.3-arm-linux-musl)
       racc (~> 1.4)
-    nokogiri (1.16.7-x86_64-linux)
+    nokogiri (1.18.3-arm64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.18.3-x86_64-darwin)
+      racc (~> 1.4)
+    nokogiri (1.18.3-x86_64-linux-gnu)
+      racc (~> 1.4)
+    nokogiri (1.18.3-x86_64-linux-musl)
       racc (~> 1.4)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
diff --git a/_sass/_comments.scss b/_sass/_comments.scss
index 63c60a2..a7eb027 100644
--- a/_sass/_comments.scss
+++ b/_sass/_comments.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 5.2 Comments
  * ----------------------------------------------------------------------------
diff --git a/_sass/_footer.scss b/_sass/_footer.scss
index 2fad25d..85e7511 100644
--- a/_sass/_footer.scss
+++ b/_sass/_footer.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 8. Site Footer
  * ----------------------------------------------------------------------------
diff --git a/_sass/_general.scss b/_sass/_general.scss
index fc02e09..1ed6d86 100644
--- a/_sass/_general.scss
+++ b/_sass/_general.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 /**
  * 2. General
  * ----------------------------------------------------------------------------
diff --git a/_sass/_header.scss b/_sass/_header.scss
index 4065f33..f6130c8 100644
--- a/_sass/_header.scss
+++ b/_sass/_header.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 4. Site Header
  * ----------------------------------------------------------------------------
diff --git a/_sass/_media-queries.scss b/_sass/_media-queries.scss
index e22ec5e..f4666e8 100644
--- a/_sass/_media-queries.scss
+++ b/_sass/_media-queries.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 9. Media Queries
  * ----------------------------------------------------------------------------
diff --git a/_sass/_pagination.scss b/_sass/_pagination.scss
index fdfdbd1..76a2036 100644
--- a/_sass/_pagination.scss
+++ b/_sass/_pagination.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 5.3 Paging Navigation
  * ----------------------------------------------------------------------------
diff --git a/_sass/_posts-pages.scss b/_sass/_posts-pages.scss
index dbba86e..6097427 100644
--- a/_sass/_posts-pages.scss
+++ b/_sass/_posts-pages.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 5. Content
  * 5.1 Posts and Pages
diff --git a/_sass/_reset.scss b/_sass/_reset.scss
index bdc3260..93cac60 100644
--- a/_sass/_reset.scss
+++ b/_sass/_reset.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 1. Reset
  * normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css
diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss
index d4d18fa..b834a6c 100644
--- a/_sass/_sidebar.scss
+++ b/_sass/_sidebar.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 6. Sidebar
  * ----------------------------------------------------------------------------
diff --git a/_sass/_structure.scss b/_sass/_structure.scss
index f2dba4d..849e234 100644
--- a/_sass/_structure.scss
+++ b/_sass/_structure.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 3. Structure
  * ----------------------------------------------------------------------------
diff --git a/_sass/_widgets.scss b/_sass/_widgets.scss
index fe79b7d..f8194d5 100644
--- a/_sass/_widgets.scss
+++ b/_sass/_widgets.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 /**
  * 7. Widgets
  * ----------------------------------------------------------------------------
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 43f20a6..1a601ca 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -24,19 +24,21 @@
  * 9. Media Queries
 */
 
-// Import variables
-@import "variables";
-@import "reset";
-@import "general";
-@import "structure";
-@import "header";
-@import "posts-pages";
-@import "comments";
-@import "pagination";
-@import "sidebar";
-@import "widgets";
-@import "footer";
-@import "media-queries";
+// Import variables first since other files will need them
+@use 'variables' as *;
+
+// Forward all other partials
+@use 'reset';
+@use 'general';
+@use 'structure';
+@use 'header';
+@use 'posts-pages';
+@use 'comments';
+@use 'pagination';
+@use 'sidebar';
+@use 'widgets';
+@use 'footer';
+@use 'media-queries';
 
 
 p.hero-description {