diff --git a/package-lock.json b/package-lock.json
index a8790789..e2b52b42 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@jackyzha0/quartz",
-  "version": "4.0.11",
+  "version": "4.1.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@jackyzha0/quartz",
-      "version": "4.0.11",
+      "version": "4.1.1",
       "license": "MIT",
       "dependencies": {
         "@clack/prompts": "^0.6.3",
@@ -85,7 +85,8 @@
         "typescript": "^5.0.4"
       },
       "engines": {
-        "node": ">=18.14"
+        "node": ">=18.14",
+        "npm": ">=9.3.1"
       }
     },
     "node_modules/@clack/core": {
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index af3f8205..9c8847d2 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -1,3 +1,4 @@
+@use "./base.scss";
 :root {
     --light: #d7eff7;
     --dark: #284b63;
@@ -11,6 +12,5 @@
     --million-progress-bar-color: var(--secondary);
     --highlighted: #f5dfaf88;
   }
-@use "./base.scss";
-
+  
 // put your custom CSS here!