Replace legacy $spacing-X vars with Compound Design Tokens (#34380)

* Replace legacy `$spacing-X` vars with Compound Design Tokens

* Remove unused font size vars

* Use calc to get negative spacing vars

apps/web/res/css/views/dialogs/_VerifyEMailDialog.pcss

@@ -13,7 +13,7 @@ Please see LICENSE files in the repository root for full details.
     .mx_Dialog {
         color: $primary-content;
         font: var(--cpd-font-body-md-regular);
-        padding: $spacing-24 $spacing-24 $spacing-16;
+        padding: var(--cpd-space-6x) var(--cpd-space-6x) var(--cpd-space-4x);
         text-align: center;
         /* !important override compound  */
         width: 485px !important;
@@ -30,7 +30,7 @@ Please see LICENSE files in the repository root for full details.
 
         .mx_AuthBody_did-not-receive {
             justify-content: center;
-            margin-bottom: $spacing-8;
+            margin-bottom: var(--cpd-space-2x);
         }
 
         .mx_Dialog_cancelButton {