diff --git a/package.json b/package.json
index d8039a3..9cfd0e9 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "tauri dev",
-    "build": "tauri build", 
+    "build": "tauri build",
     "front-dev": "vite",
     "front-build": "vite build",
     "preview": "vite preview",
@@ -26,6 +26,7 @@
     "flowbite-svelte": "^0.26.7",
     "postcss": "^8.4.14",
     "postcss-load-config": "^4.0.1",
+    "sass": "^1.54.8",
     "svelte": "^3.49.0",
     "svelte-check": "^2.8.0",
     "svelte-preprocess": "^4.10.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c4d730f..c017d1e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,6 +16,7 @@ specifiers:
   flowbite-svelte: ^0.26.7
   postcss: ^8.4.14
   postcss-load-config: ^4.0.1
+  sass: ^1.54.8
   svelte: ^3.49.0
   svelte-check: ^2.8.0
   svelte-preprocess: ^4.10.7
@@ -42,13 +43,14 @@ devDependencies:
   flowbite-svelte: 0.26.7
   postcss: 8.4.16
   postcss-load-config: 4.0.1_postcss@8.4.16
+  sass: 1.54.8
   svelte: 3.50.0
-  svelte-check: 2.9.0_bx7riipb2q7oyxrjspggwz74se
-  svelte-preprocess: 4.10.7_74ye76x736w7ze7o2oqux5qyqa
+  svelte-check: 2.9.0_v34chbti5lxbr2fx7l4eexbxci
+  svelte-preprocess: 4.10.7_txk6nmahhszebnozg2i76vy7gi
   tailwindcss: 3.1.8_postcss@8.4.16
   tslib: 2.4.0
   typescript: 4.8.2
-  vite: 3.0.9
+  vite: 3.0.9_sass@1.54.8
 
 packages:
 
@@ -179,7 +181,7 @@ packages:
       magic-string: 0.26.3
       svelte: 3.50.0
       svelte-hmr: 0.14.12_svelte@3.50.0
-      vite: 3.0.9
+      vite: 3.0.9_sass@1.54.8
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -1491,6 +1493,10 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
+  /immutable/4.1.0:
+    resolution: {integrity: sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==}
+    dev: true
+
   /import-fresh/3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
@@ -2093,6 +2099,16 @@ packages:
       rimraf: 2.7.1
     dev: true
 
+  /sass/1.54.8:
+    resolution: {integrity: sha512-ib4JhLRRgbg6QVy6bsv5uJxnJMTS2soVcCp9Y88Extyy13A8vV0G1fAwujOzmNkFQbR3LvedudAMbtuNRPbQww==}
+    engines: {node: '>=12.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.5.3
+      immutable: 4.1.0
+      source-map-js: 1.0.2
+    dev: true
+
   /semver/6.3.0:
     resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
     hasBin: true
@@ -2202,7 +2218,7 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check/2.9.0_bx7riipb2q7oyxrjspggwz74se:
+  /svelte-check/2.9.0_v34chbti5lxbr2fx7l4eexbxci:
     resolution: {integrity: sha512-9AVrtP7WbfDgCdqTZNPdj5CCCy1OrYMxFVWAWzNw7fl93c9klFJFtqzVXa6fovfQ050CcpUyJE2dPFL9TFAREw==}
     hasBin: true
     peerDependencies:
@@ -2215,7 +2231,7 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 3.50.0
-      svelte-preprocess: 4.10.7_74ye76x736w7ze7o2oqux5qyqa
+      svelte-preprocess: 4.10.7_txk6nmahhszebnozg2i76vy7gi
       typescript: 4.8.2
     transitivePeerDependencies:
       - '@babel/core'
@@ -2239,7 +2255,7 @@ packages:
       svelte: 3.50.0
     dev: true
 
-  /svelte-preprocess/4.10.7_74ye76x736w7ze7o2oqux5qyqa:
+  /svelte-preprocess/4.10.7_txk6nmahhszebnozg2i76vy7gi:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}
     requiresBuild: true
@@ -2286,6 +2302,7 @@ packages:
       magic-string: 0.25.9
       postcss: 8.4.16
       postcss-load-config: 4.0.1_postcss@8.4.16
+      sass: 1.54.8
       sorcery: 0.10.0
       strip-indent: 3.0.0
       svelte: 3.50.0
@@ -2416,7 +2433,7 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite/3.0.9:
+  /vite/3.0.9_sass@1.54.8:
     resolution: {integrity: sha512-waYABTM+G6DBTCpYAxvevpG50UOlZuynR0ckTK5PawNVt7ebX6X7wNXHaGIO6wYYFXSM7/WcuFuO2QzhBB6aMw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -2439,6 +2456,7 @@ packages:
       postcss: 8.4.16
       resolve: 1.22.1
       rollup: 2.77.3
+      sass: 1.54.8
     optionalDependencies:
       fsevents: 2.3.2
     dev: true