chore(deps-dev): bump sass from 1.79.5 to 1.80.4 (#12027)

Author: dependabot[bot]

Diff for: client/src/document/ingredients/browser-compatibility-table/index-desktop-md.scss

@@ -1,3 +1,5 @@
+@use "../../../ui/vars" as *;
+
 @media (min-width: $screen-md) {
   .table-container {
     width: calc(100% + 6rem);

Diff for: client/src/document/ingredients/browser-compatibility-table/index-desktop-xl.scss

@@ -1,3 +1,5 @@
+@use "../../../ui/vars" as *;
+
 @media (min-width: $screen-xl) {
   .table-container {
     margin: 0;

Diff for: client/src/document/ingredients/browser-compatibility-table/index-desktop.scss

@@ -1,3 +1,5 @@
+@use "../../../ui/vars" as *;
+
 // Style for desktop.
 
 @media (min-width: $screen-sm) {

Diff for: client/src/document/ingredients/browser-compatibility-table/index-mobile.scss

@@ -1,3 +1,5 @@
+@use "../../../ui/vars" as *;
+
 // Style for mobile.
 
 @media (max-width: $screen-sm - 1px) {

Diff for: client/src/document/ingredients/browser-compatibility-table/index.scss

@@ -1,3 +1,4 @@
+@use "sass:meta";
 @use "~@mdn/minimalist/sass/mixins/utils" as *;
 @use "../../../ui/vars" as *;
 
@@ -383,10 +384,10 @@ dl.bc-notes-list {
   }
 }
 
-@import "./index-mobile";
-@import "./index-desktop";
-@import "./index-desktop-md";
-@import "./index-desktop-xl";
+@include meta.load-css("index-mobile");
+@include meta.load-css("index-desktop");
+@include meta.load-css("index-desktop-md");
+@include meta.load-css("index-desktop-xl");
 
 .bcd-cell-text-wrapper {
   display: flex;

Diff for: client/src/ui/_color-palette.scss

@@ -1,9 +1,11 @@
+@use "sass:color";
+
 @function tint($color, $percentage) {
-  @return mix(white, $color, $percentage);
+  @return color.mix(white, $color, $percentage);
 }
 
 @function shade($color, $percentage) {
-  @return mix(black, $color, $percentage);
+  @return color.mix(black, $color, $percentage);
 }
 
 @function mdn-color($color, $value) {

Diff for: package.json

@@ -241,7 +241,7 @@
     "resolve": "^1.22.8",
     "resolve-url-loader": "^5.0.0",
     "rough-notation": "^0.5.1",
-    "sass": "^1.79.5",
+    "sass": "^1.80.4",
     "sass-loader": "^16.0.2",
     "source-map-loader": "^5.0.0",
     "style-loader": "^3.3.4",

Diff for: yarn.lock

@@ -13340,10 +13340,10 @@ sass-loader@^16.0.2:
   dependencies:
     neo-async "^2.6.2"
 
-sass@^1.79.5:
-  version "1.79.5"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.79.5.tgz#646c627601cd5f84c64f7b1485b9292a313efae4"
-  integrity sha512-W1h5kp6bdhqFh2tk3DsI771MoEJjvrSY/2ihJRJS4pjIyfJCw0nTsxqhnrUzaLMOJjFchj8rOvraI/YUVjtx5g==
+sass@^1.80.4:
+  version "1.80.4"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.80.4.tgz#bc0418fd796cad2f1a1309d8b4d7fe44b7027de0"
+  integrity sha512-rhMQ2tSF5CsuuspvC94nPM9rToiAFw2h3JTrLlgmNw1MH79v8Cr3DH6KF6o6r+8oofY3iYVPUf66KzC8yuVN1w==
   dependencies:
     "@parcel/watcher" "^2.4.1"
     chokidar "^4.0.0"