From e11f8e36ae3cbcda13b4fa22f76216dbb748f40d Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 23 Oct 2024 04:49:51 +0200
Subject: [PATCH 1/4] migrate sass devisions

---
 webapp/components/Badges.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index 936d13adb..9e5376ffa 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -38,7 +38,7 @@ export default {
   $offset: $size * -0.2;
 
   &.hc-badges-dual {
-    padding-top: $size / 2 - 2;
+    padding-top: math.div($size, 2) - 2;
   }
 
   .hc-badge-container {
@@ -58,10 +58,10 @@ export default {
       margin-left: -6px;
     }
     &:first-child {
-      margin-left: -$size / 3;
+      margin-left: math.div(-$size, 3);
     }
     &:last-child {
-      margin-right: -$size / 3;
+      margin-right: math.div(-$size, 3);
     }
   }
 }

From 7923078523c967429561ace3ea480cc84d5d6efd Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 23 Oct 2024 05:28:03 +0200
Subject: [PATCH 2/4] migrate sass devisions

---
 webapp/components/Badges.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index 9e5376ffa..2748c460d 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -17,6 +17,8 @@ export default {
 }
 </script>
 
+@use 'sass:math';
+
 <style lang="scss">
 .hc-badges {
   text-align: center;

From 035c1943f75a6f1026a856b7bb6b493b676a0234 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Sun, 27 Oct 2024 11:05:01 +0100
Subject: [PATCH 3/4] upgrade package @nuxtjs/style-resources to use hoisting
 @use imports

---
 webapp/package.json |  2 +-
 webapp/yarn.lock    | 40 +++++++++++++++++++---------------------
 2 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/webapp/package.json b/webapp/package.json
index 11c9d452f..e9c720505 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -28,7 +28,7 @@
     "@nuxtjs/dotenv": "~1.4.1",
     "@nuxtjs/pwa": "^3.0.0-beta.20",
     "@nuxtjs/sentry": "^4.0.0",
-    "@nuxtjs/style-resources": "~1.0.0",
+    "@nuxtjs/style-resources": "~1.1.0",
     "accounting": "~0.4.1",
     "apollo-cache-inmemory": "~1.6.6",
     "apollo-client": "~2.6.10",
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index 5e2a96629..274e21f68 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -3092,14 +3092,14 @@
     consola "^2.11.3"
     deepmerge "^4.2.2"
 
-"@nuxtjs/style-resources@~1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/style-resources/-/style-resources-1.0.0.tgz#7c4d6be19d7f7cc5d687d689f2ab16c0b94773a1"
-  integrity sha512-tDRcC/pm8B0Kpxtzb/1/HOBkv3/kPD+2FiCiUBGMB7YriRud9OUPw1pnYCsAH9ftwpMJS4k4XOyUY8FCTk6OxA==
+"@nuxtjs/style-resources@~1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/style-resources/-/style-resources-1.1.0.tgz#74f942cd984d992f903786cb8ed49a68c608dc2b"
+  integrity sha512-bgzKcNyfV+zdR0nrm27ESCxJ7L36AUFjdQZG9A15wQhZgsffx967ZnJ7PlbTGny1mGTCJWFKCDf8Zrhs9A/HFw==
   dependencies:
     consola "^2.4.0"
     glob-all "^3.1.0"
-    sass-resources-loader "^2.0.0"
+    sass-resources-loader "^2.2.1"
 
 "@nuxtjs/youch@^4.2.3":
   version "4.2.3"
@@ -6007,12 +6007,10 @@ async-validator@^3.2.4:
   resolved "https://registry.yarnpkg.com/async-validator/-/async-validator-3.2.4.tgz#4e773a1d0d741016b455b7995b469a47cce0dbe0"
   integrity sha512-mTgzMJixkrh+5t2gbYoua8MLy11GHkQqFE6tbhY5Aqc4jEDGsR4BWP+sVQiYDHtzTMB8WIwI/ypObTVPcTZInw==
 
-async@^2.1.4:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.2.tgz#18330ea7e6e313887f5d2f2a904bac6fe4dd5381"
-  integrity sha512-H1qVYh1MYhEEFLsP97cVKqCGo7KfCyTt6uEWqsTBr9SO84oK9Uwbyd/yCW+6rKJLHksBNUVWZDAjfS+Ccx0Bbg==
-  dependencies:
-    lodash "^4.17.11"
+async@^3.2.3:
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
+  integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
 
 asynckit@^0.4.0:
   version "0.4.0"
@@ -10232,7 +10230,7 @@ glob@^10.0.0:
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
     path-scurry "^1.10.1"
 
-glob@^7.0.0, glob@^7.0.5, glob@^7.1.1, glob@^7.1.6, glob@~7.1.1:
+glob@^7.0.0, glob@^7.0.5, glob@^7.1.6, glob@~7.1.1:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -12608,7 +12606,7 @@ loader-utils@^0.2.16:
     json5 "^0.5.0"
     object-assign "^4.0.1"
 
-loader-utils@^1.0.2, loader-utils@^1.0.4, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
+loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -16782,15 +16780,15 @@ sass-loader@~10.1.1:
     schema-utils "^3.0.0"
     semver "^7.3.2"
 
-sass-resources-loader@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/sass-resources-loader/-/sass-resources-loader-2.0.0.tgz#88569c542fbf1f18f33a6578b77cc5b36c56911d"
-  integrity sha512-I+5FfV+Hb29U5Nt8DbslWOBgRmTv1M/EwOn4/4rc6Aqy9yjygoa8UTnyCFXfTZV8FoQyIBZbEyKSBryhByqQbA==
+sass-resources-loader@^2.2.1:
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/sass-resources-loader/-/sass-resources-loader-2.2.5.tgz#75131cdb26bae51fcffc007d8155d57b5e825ca7"
+  integrity sha512-po8rfETH9cOQACWxubT/1CCu77KjxwRtCDm6QAXZH99aUHBydwSoxdIjC40SGp/dcS/FkSNJl0j1VEojGZqlvQ==
   dependencies:
-    async "^2.1.4"
-    chalk "^1.1.3"
-    glob "^7.1.1"
-    loader-utils "^1.0.4"
+    async "^3.2.3"
+    chalk "^4.1.0"
+    glob "^7.1.6"
+    loader-utils "^2.0.0"
 
 sass@^1.75.0:
   version "1.75.0"

From 09498bc4e5dd1a8648670657908811f4168eff8c Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Sun, 27 Oct 2024 11:06:10 +0100
Subject: [PATCH 4/4] adapt nuxt config to use hoisting @use imports

---
 webapp/components/Badges.vue | 3 +--
 webapp/nuxt.config.js        | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/components/Badges.vue b/webapp/components/Badges.vue
index 2748c460d..d569452c7 100644
--- a/webapp/components/Badges.vue
+++ b/webapp/components/Badges.vue
@@ -17,9 +17,8 @@ export default {
 }
 </script>
 
-@use 'sass:math';
-
 <style lang="scss">
+@use 'sass:math';
 .hc-badges {
   text-align: center;
   position: relative;
diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index c9b4db317..086a62f1b 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -107,6 +107,7 @@ export default {
       '~assets/styles/imports/_branding.scss',
       '~assets/_new/styles/export.scss',
     ],
+    hoistUseStatements: true,
   },
 
   /*