feat: apply cumulative update to address various issues (#10324)

src/style/_errors.scss

@@ -1,83 +1,72 @@
-.errors-wrapper
-{
-    margin: 20px;
-    padding: 10px 20px;
+@use "variables" as *;
+@use "type";
 
-    animation: scaleUp .5s;
+.errors-wrapper {
+  margin: 20px;
+  padding: 10px 20px;
 
-    border: 2px solid $_color-delete;
-    border-radius: 4px;
-    background: rgba($_color-delete, .1);
+  animation: scaleUp 0.5s;
 
-    .error-wrapper
-    {
-        margin: 0 0 10px 0;
+  border: 2px solid $color-delete;
+  border-radius: 4px;
+  background: rgba($color-delete, 0.1);
+
+  .error-wrapper {
+    margin: 0 0 10px 0;
+  }
+
+  .errors {
+    h4 {
+      font-size: 14px;
+
+      margin: 0;
+
+      @include type.text_code();
     }
 
-    .errors
-    {
-        h4
-        {
-            font-size: 14px;
-
-            margin: 0;
-
-            @include text_code();
-        }
-
-        small
-        {
-          color: $errors-wrapper-errors-small-font-color;
-        }
-
-        .message
-        { 
-            white-space: pre-line;
-            
-            &.thrown
-            {
-                max-width: 100%;
-            }
-        }
-
-        .error-line
-        {
-            text-decoration: underline;
-            cursor: pointer;
-        }
+    small {
+      color: $errors-wrapper-errors-small-font-color;
     }
 
-    hgroup
-    {
-        display: flex;
+    .message {
+      white-space: pre-line;
 
-        align-items: center;
-
-        h4
-        {
-            font-size: 20px;
-
-            margin: 0;
-
-            flex: 1;
-            @include text_headline();
-        }
+      &.thrown {
+        max-width: 100%;
+      }
     }
+
+    .error-line {
+      text-decoration: underline;
+      cursor: pointer;
+    }
+  }
+
+  hgroup {
+    display: flex;
+
+    align-items: center;
+
+    h4 {
+      font-size: 20px;
+
+      margin: 0;
+
+      flex: 1;
+      @include type.text_headline();
+    }
+  }
 }
 
+@keyframes scaleUp {
+  0% {
+    transform: scale(0.8);
 
-@keyframes scaleUp
-{
-    0%
-    {
-        transform: scale(.8);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
 
-        opacity: 0;
-    }
-    100%
-    {
-        transform: scale(1);
-
-        opacity: 1;
-    }
+    opacity: 1;
+  }
 }