Fix build

sass/gutenberg/blocks/_boxed.scss

@@ -13,6 +13,6 @@
 
 @media (min-width: $width-max-article + 40px) {
   .is-style-boxed {
-    transform: translate(20px, 0);
+    transform: translate(1.25rem, 0);
   }
 }

sass/navigation/_nav-click-mobile.scss

@@ -8,7 +8,7 @@
 
   // Dropdown toggle
   .menu-item-clickable {
-    --menu-item-clickable-size: 12px;
+    --menu-item-clickable-size: .75rem;
     align-items: center;
     background-color: transparent;
     border-bottom: 0;

sass/navigation/_nav-desktop.scss

@@ -60,7 +60,7 @@
     margin: 0;
     padding: 0;
     position: relative;
-    row-gap: 10px;
+    row-gap: .625rem;
   }
 
   // Navigation list item
@@ -299,7 +299,7 @@
 
   // Sub-menu toggle icon
   .sub-menu .dropdown-toggle {
-    width: 30px;
+    width: 1.875rem;
   }
 
   .sub-menu .dropdown-toggle svg {

sass/navigation/_nav-mobile.scss

@@ -77,13 +77,13 @@
     height: calc(100vh - 7.2rem);
     overflow: auto;
     // Add padding to ensure all nav elements are visible on all devices and browsers for example iOS Safari
-    padding-bottom: 120px;
+    padding-bottom: 7.5rem;
     pointer-events: none;
     // Hide mobile navigation by default while enabling use of animations
     position: fixed;
     right: 0;
     // Real top is calculated in JS so this is a fallback
-    top: 72px;
+    top: 4.5rem;
     transform: translate3d(100%, 0, 0);
     transition: all 180ms ease-in-out;
     visibility: hidden;
@@ -146,7 +146,7 @@
 
   // Dropdown toggle
   .dropdown-toggle {
-    --dropdown-toggle-size: 12px;
+    --dropdown-toggle-size: 0.75rem;
     align-items: center;
     background-color: transparent;
     border: 0;