+ sass mq for media queries support

We wish to create human-friendly labels around our CSS breakpoints.
Typically you would show numbers to represent media types. Now, we can
simplify and ask for "desktop", "mobile", "tablet". It should be self-explanatory to the developers.

You can find out more about the mixins SASS MQ provides here: https://sass-mq.github.io/sass-mq/

package.json

@@ -20,6 +20,7 @@
     "rfs": "^9.0.6",
     "sass": "^1.49.0",
     "sass-loader": "^12.4.0",
+    "sass-mq": "^6.0.0",
     "style-loader": "^3.3.1",
     "webpack": "^5.67.0",
     "webpack-cli": "^4.9.1",