⬆️ Update frontend dependencies

frontend/deps.edn

@@ -3,7 +3,7 @@
  {penpot/common
   {:local/root "../common"}
 
-  org.clojure/clojure {:mvn/version "1.11.3"}
+  org.clojure/clojure {:mvn/version "1.12.0"}
   binaryage/devtools {:mvn/version "RELEASE"}
   metosin/reitit-core {:mvn/version "0.7.0"}
   funcool/okulary {:mvn/version "2022.04.11-16"}
@@ -42,7 +42,7 @@
   :dev
   {:extra-paths ["dev"]
    :extra-deps
-   {thheller/shadow-cljs {:mvn/version "2.28.11"}
+   {thheller/shadow-cljs {:mvn/version "2.28.18"}
     org.clojure/tools.namespace {:mvn/version "RELEASE"}
     cider/cider-nrepl {:mvn/version "0.48.0"}}}
 

frontend/package.json

@@ -43,21 +43,20 @@
     "watch:storybook:assets": "node ./scripts/watch-storybook.js"
   },
   "devDependencies": {
-    "@playwright/test": "1.44.1",
+    "@playwright/test": "1.48.1",
-    "@storybook/addon-essentials": "^8.2.2",
+    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-themes": "^8.2.2",
+    "@storybook/addon-themes": "^8.3.6",
-    "@storybook/blocks": "^8.2.2",
+    "@storybook/blocks": "^8.3.6",
-    "@storybook/react": "^8.2.2",
+    "@storybook/react": "^8.3.6",
-    "@storybook/react-vite": "^8.2.2",
+    "@storybook/react-vite": "^8.3.6",
-    "@types/node": "^20.11.20",
+    "@types/node": "^22.7.7",
-    "autoprefixer": "^10.4.19",
+    "autoprefixer": "^10.4.20",
-    "concurrently": "^8.2.2",
+    "concurrently": "^9.0.1",
     "draft-js": "git+https://github.com/penpot/draft-js.git#commit=4a99b2a6020b2af97f6dc5fa1b4275ec16b559a0",
-    "express": "^4.19.2",
+    "express": "^4.21.1",
     "fancy-log": "^2.0.0",
     "getopts": "^2.3.0",
     "gettext-parser": "^8.0.0",
-    "gulp": "4.0.2",
     "gulp-concat": "^2.6.1",
     "gulp-gzip": "^1.4.2",
     "gulp-mustache": "^5.0.0",
@@ -66,54 +65,54 @@
     "gulp-sass": "^5.1.0",
     "gulp-sourcemaps": "^3.0.0",
     "gulp-svg-sprite": "^2.0.3",
-    "jsdom": "^24.1.0",
+    "jsdom": "^25.0.1",
     "map-stream": "0.0.7",
-    "marked": "^12.0.2",
+    "marked": "^14.1.3",
     "mkdirp": "^3.0.1",
     "mustache": "^4.2.0",
-    "nodemon": "^3.1.2",
+    "nodemon": "^3.1.7",
     "npm-run-all": "^4.1.5",
-    "p-limit": "^5.0.0",
+    "p-limit": "^6.1.0",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.47",
     "postcss-clean": "^1.2.2",
-    "prettier": "3.3.2",
+    "prettier": "3.3.3",
     "pretty-time": "^1.1.0",
     "prop-types": "^15.8.1",
-    "rimraf": "^5.0.7",
+    "rimraf": "^6.0.1",
-    "sass": "^1.77.4",
+    "sass": "^1.80.3",
-    "sass-embedded": "^1.77.2",
+    "sass-embedded": "^1.80.3",
-    "shadow-cljs": "2.28.11",
+    "shadow-cljs": "2.28.18",
-    "storybook": "^8.2.2",
+    "storybook": "^8.3.6",
     "svg-sprite": "^2.0.4",
-    "typescript": "^5.4.5",
+    "typescript": "^5.6.3",
-    "vite": "^5.1.4",
+    "vite": "^5.4.9",
-    "vitest": "^1.3.1",
+    "vitest": "^2.1.3",
     "wasm-pack": "^0.13.0",
     "watcher": "^2.3.1",
-    "workerpool": "^9.1.1"
+    "workerpool": "^9.2.0"
   },
   "dependencies": {
     "compression": "^1.7.4",
-    "date-fns": "^3.6.0",
+    "date-fns": "^4.1.0",
-    "eventsource-parser": "^1.1.2",
+    "eventsource-parser": "^3.0.0",
-    "highlight.js": "^11.9.0",
+    "highlight.js": "^11.10.0",
     "js-beautify": "^1.15.1",
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
-    "luxon": "^3.4.4",
+    "luxon": "^3.5.0",
     "mousetrap": "^1.6.5",
     "opentype.js": "^1.3.4",
     "postcss-modules": "^6.0.0",
     "randomcolor": "^0.6.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-error-boundary": "^4.0.13",
+    "react-error-boundary": "^4.1.2",
     "react-virtualized": "^9.22.5",
     "rxjs": "8.0.0-alpha.14",
     "sax": "^1.4.1",
     "source-map-support": "^0.5.21",
     "tdigest": "^0.1.2",
-    "ua-parser-js": "^1.0.38",
+    "ua-parser-js": "^1.0.39",
     "xregexp": "^5.1.1"
   }
 }

frontend/resources/styles/common/dependencies/fonts.scss

@@ -4,7 +4,15 @@
 //
 // Copyright (c) KALEIDOS INC
 
-@mixin font-face($style-name, $file, $unicode-range, $weight: unquote("normal"), $style: unquote("normal")) {
+@use "sass:string";
+
+@mixin font-face(
+  $style-name,
+  $file,
+  $unicode-range,
+  $weight: unquote("normal"),
+  $style: string.unquote("normal")
+) {
   $filepath: "/fonts/" + $file;
 
   @font-face {
@@ -12,8 +20,8 @@
     src:
       url($filepath + ".woff2") format("woff2"),
       url($filepath + ".ttf") format("truetype");
-    font-weight: unquote($weight);
+    font-weight: string.unquote($weight);
-    font-style: unquote($style);
+    font-style: string.unquote($style);
     @if $unicode-range {
       unicode-range: $unicode-range;
     }

frontend/scripts/_worker.js

@@ -26,6 +26,7 @@ async function compileFile(path) {
           "resources/styles",
         ],
         sourceMap: false,
+        silenceDeprecations: ["import", "mixed-decls"],
       });
       // console.dir(result);
       resolve({