chore: update dependency to handle sass deprecation with quasar 2.17

package.json

@@ -103,7 +103,7 @@
     "@pdfme/generator": "^4.1.0",
     "@pdfme/schemas": "^4.1.0",
     "@pdfme/ui": "^4.1.0",
-    "@quasar/extras": "^1.16.3",
+    "@quasar/extras": "^1.16.15",
     "@thumbmarkjs/thumbmarkjs": "^0.16.1",
     "@tmcw/togeojson": "^4.5.0",
     "@turf/along": "^6.0.1",
@@ -189,7 +189,7 @@
     "pmtiles": "^3.0.7",
     "post-robot": "10.0.42",
     "protomaps-leaflet": "^3.1.2",
-    "quasar": "^2.12.0",
+    "quasar": "^2.17.5",
     "sanitize-html": "^2.7.0",
     "showdown": "^2.1.0",
     "shpjs": "^4.0.2",
@@ -210,7 +210,7 @@
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.13.14",
-    "@quasar/app-webpack": "^3.9.2",
+    "@quasar/app-webpack": "^3.15.1",
     "c8": "^7.11.0",
     "chai": "^4.3.6",
     "chai-lint": "^0.1.1",

src/css/quasar.variables.scss

@@ -1,12 +1,14 @@
 // Sass/SCSS variables customization
 // https://quasar.dev/style/sass-scss-variables#variables-list
 
+@use "sass:color";
+
 // Theme
 $primary: #72448b;
-$secondary: lighten($primary, 50%);
-$accent: lighten($primary, 25%);
-$dark: darken($primary, 25%);
+$secondary: color.adjust($primary, $lightness: 75%, $space: hsl);
+$accent: color.adjust($primary, $lightness: 25%, $space: hsl);
+$dark: color.adjust($primary, $lightness: -25%, $space: hsl);
 $info: $accent;
 
 // Default KDK SCSS variables
-@import 'kdk/core.variables';
+@import 'kdk/core.variables';