Merge pull request #5166 from mozilla/sass-1-80-updates-mpp-3946

MPP-3946: Silence deprecration warnings added in sass 1.80, fix division
mozilla · Nov 1, 2024 · b96932c · b96932c
2 parents 05d4402 + ce50ae4
commit b96932c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/frontend/next.config.js b/frontend/next.config.js
@@ -114,4 +114,18 @@ module.exports = {
 
     return config;
   },
+  sassOptions: {
+    // TODO MPP-3946: Fix deprecation warnings in sass 1.80.x
+    // https://github.com/mozilla/protocol/releases/tag/v18.0.0
+    silenceDeprecations: [
+      // Issues we can fix in our code
+      "import", // https://sass-lang.com/documentation/breaking-changes/import/
+      "mixed-decls", // https://sass-lang.com/d/mixed-decls
+
+      // Upstream issues
+      "legacy-js-api", // vercel/next.js issue #71638
+    ],
+    // TODO MPP-3946: Update to mozilla-protocol 18.0.0
+    quietDeps: true,
+  },
 };
diff --git a/frontend/src/components/landing/PlanMatrix.module.scss b/frontend/src/components/landing/PlanMatrix.module.scss
@@ -95,7 +95,7 @@ table.desktop {
       //   border-collapse: separate;
       //   border-spacing: $spacing-md 0;
       // then we wouldn't have been able to apply a bottom border at all.
-      border-inline: $spacing-md / 2 solid $color-light-gray-10;
+      border-inline: $spacing-md * 0.5 solid $color-light-gray-10;
 
       &:last-child {
         border-right-style: none;