Merge pull request #71 from wellcometrust/task/10937-deprecated-warning

10937 task: fixes slash as division warning

Author: skibinska

package-lock.json

@@ -119,7 +119,7 @@
     "rollup-plugin-terser": "^5.2.0",
     "sass": "^1.29.0",
     "sass-loader": "^8.0.0",
-    "sass-mq": "^5.0.1",
+    "sass-mq": "^6.0.0-beta.1",
     "style-loader": "^1.1.2",
     "stylelint": "^12.0.1",
     "stylelint-config-sass-guidelines": "^6.2.0",

package.json

@@ -7,6 +7,10 @@
 // 2021-05-01
 // ----------------------------------
 
+@use 'sass:math';
+
+$font-size-base-px: 16;
+
 /**
  * Convert a pixel value to rem units.
  *
@@ -27,7 +31,7 @@
  */
 
 @function rem($size) {
-  $rems: calc(#{$size}rem / var(--font-size-base-px));
+  $rems: math.div($size, $font-size-base-px) * 1rem;
 
-  @return #{$rems};
+  @return $rems;
 }