diff --git a/apps/player/package.json b/apps/player/package.json
index e4f88f012..c1f2b8282 100644
--- a/apps/player/package.json
+++ b/apps/player/package.json
@@ -46,7 +46,8 @@
     "http-server": "14.1.1",
     "typescript": "5.0.4",
     "vite": "4.3.5",
-    "vite-plugin-dynamic-publicpath": "1.1.2"
+    "vite-plugin-dynamic-publicpath": "1.1.2",
+    "sass": "1.69.5"
   },
   "exports": {
     ".": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ddba990c9..a78b6d094 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -172,12 +172,15 @@ importers:
       http-server:
         specifier: 14.1.1
         version: 14.1.1
+      sass:
+        specifier: 1.69.5
+        version: 1.69.5
       typescript:
         specifier: 5.0.4
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dynamic-publicpath:
         specifier: 1.1.2
         version: 1.1.2
@@ -351,7 +354,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.3.0
         version: 2.3.0(@types/node@20.8.4)(vite@4.3.5)
@@ -373,7 +376,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.3.0
         version: 2.3.0(@types/node@20.8.4)(vite@4.3.5)
@@ -441,7 +444,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.2.0
         version: 2.2.0(@types/node@20.8.4)(vite@4.3.5)
@@ -453,7 +456,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.2.0
         version: 2.2.0(@types/node@20.8.4)(vite@4.3.5)
@@ -508,7 +511,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-css-injected-by-js:
         specifier: 3.1.0
         version: 3.1.0(vite@4.3.5)
@@ -539,7 +542,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.2.0
         version: 2.2.0(@types/node@20.8.4)(vite@4.3.5)
@@ -564,7 +567,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.2.0
         version: 2.2.0(@types/node@20.8.4)(vite@4.3.5)
@@ -604,7 +607,7 @@ importers:
         version: 17.0.2(react@17.0.2)
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
 
   packages/player/sagas:
     dependencies:
@@ -656,7 +659,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.2.0
         version: 2.2.0(@types/node@20.8.4)(vite@4.3.5)
@@ -699,7 +702,7 @@ importers:
         version: 0.29.1
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.2.0
         version: 2.2.0(@types/node@20.8.4)(vite@4.3.5)
@@ -749,7 +752,7 @@ importers:
         version: 5.0.4
       vite:
         specifier: 4.3.5
-        version: 4.3.5(@types/node@20.8.4)
+        version: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vite-plugin-dts:
         specifier: 2.2.0
         version: 2.2.0(@types/node@20.8.4)(vite@4.3.5)
@@ -3202,7 +3205,7 @@ packages:
       '@babel/plugin-transform-react-jsx-source': 7.19.6(@babel/core@7.20.2)
       magic-string: 0.26.7
       react-refresh: 0.14.0
-      vite: 4.3.5(@types/node@20.8.4)
+      vite: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -3214,7 +3217,7 @@ packages:
       vite: ^3.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 4.3.5(@types/node@20.8.4)
+      vite: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vue: 3.2.41
     dev: true
 
@@ -3225,7 +3228,7 @@ packages:
       vite: ^4.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 4.3.5(@types/node@20.8.4)
+      vite: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
       vue: 3.2.41
     dev: true
 
@@ -5123,7 +5126,7 @@ packages:
     dependencies:
       chokidar: 3.5.3
       debug: 4.3.4(supports-color@6.1.0)
-      vite: 4.3.5(@types/node@20.8.4)
+      vite: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -7384,6 +7387,10 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
+  /immutable@4.3.4:
+    resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==}
+    dev: true
+
   /import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
@@ -11197,6 +11204,16 @@ packages:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
     dev: true
 
+  /sass@1.69.5:
+    resolution: {integrity: sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.5.3
+      immutable: 4.3.4
+      source-map-js: 1.0.2
+    dev: true
+
   /saxes@6.0.0:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
@@ -12878,7 +12895,7 @@ packages:
     peerDependencies:
       vite: '>2.0.0-0'
     dependencies:
-      vite: 4.3.5(@types/node@20.8.4)
+      vite: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
     dev: true
 
   /vite-plugin-dts@2.2.0(@types/node@20.8.4)(vite@4.3.5):
@@ -12897,7 +12914,7 @@ packages:
       kolorist: 1.7.0
       magic-string: 0.29.0
       ts-morph: 17.0.1
-      vite: 4.3.5(@types/node@20.8.4)
+      vite: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
@@ -12920,7 +12937,7 @@ packages:
       kolorist: 1.7.0
       magic-string: 0.29.0
       ts-morph: 18.0.0
-      vite: 4.3.5(@types/node@20.8.4)
+      vite: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
@@ -12972,13 +12989,13 @@ packages:
       '@rollup/pluginutils': 5.0.2
       '@svgr/core': 7.0.0
       '@svgr/plugin-jsx': 7.0.0
-      vite: 4.3.5(@types/node@20.8.4)
+      vite: 4.3.5(@types/node@20.8.4)(sass@1.69.5)
     transitivePeerDependencies:
       - rollup
       - supports-color
     dev: true
 
-  /vite@4.3.5(@types/node@20.8.4):
+  /vite@4.3.5(@types/node@20.8.4)(sass@1.69.5):
     resolution: {integrity: sha512-0gEnL9wiRFxgz40o/i/eTBwm+NEbpUeTWhzKrZDSdKm6nplj+z4lKz8ANDgildxHm47Vg8EUia0aicKbawUVVA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -13007,6 +13024,7 @@ packages:
       esbuild: 0.17.16
       postcss: 8.4.23
       rollup: 3.21.5
+      sass: 1.69.5
     optionalDependencies:
       fsevents: 2.3.2
     dev: true