Using / for division in Sass is deprecated

Author: philwareham

src/assets/sass/modules/_alerts.scss

@@ -1,4 +1,5 @@
 @use "../setup";
+@use "sass:math";
 
 /* Alert messages
    ========================================================================== */
@@ -61,7 +62,7 @@
 .alert-block {
     padding: 0.5em 1em;
     border: 1px solid;
-    border-radius: setup.$border-radius / 2;
+    border-radius: math.div(setup.$border-radius, 2);
     word-wrap: break-word; /* 1 */
 
     &.success {

src/assets/sass/modules/_cards.scss

@@ -1,4 +1,5 @@
 @use "../setup";
+@use "sass:math";
 
 /* Cards/article tiles
    ========================================================================== */
@@ -37,20 +38,20 @@
         top: 0;
         left: -1px;
         transform: translateY(-50%);
-        border-radius: (setup.$border-radius / 2) (setup.$border-radius / 2) (setup.$border-radius / 2) 0;
+        border-radius: (math.div(setup.$border-radius, 2)) (math.div(setup.$border-radius, 2)) (math.div(setup.$border-radius, 2)) 0;
     }
 }
 
 .card.align-right .alert-pill {
     right: -1px;
     left: auto;
-    border-radius: (setup.$border-radius / 2) (setup.$border-radius / 2) 0;
+    border-radius: (math.div(setup.$border-radius, 2)) (math.div(setup.$border-radius, 2)) 0;
 }
 
 .card.align-center .alert-pill {
     left: 50%;
     transform: translate(-50%, -50%);
-    border-radius: (setup.$border-radius / 2);
+    border-radius: math.div(setup.$border-radius, 2);
 }
 
 .card-body {

src/assets/sass/modules/_responsive.scss

@@ -1,4 +1,5 @@
 @use "../setup";
+@use "sass:math";
 
 /* ==========================================================================
    Styling and layout for screen media at 1st breakpoint
@@ -291,7 +292,7 @@
             margin: 0 0.2727273em 0.2727273em -0.2727273em; // 6px / 22px
             padding: 0 0.2727273em; // 6px / 22px
             border: 1px solid var(--clr-bkgd);
-            border-radius: setup.$border-radius / 2;
+            border-radius: math.div(setup.$border-radius, 2);
             font-size: 1.375em; // 22px / 16px
             font-weight: 400;