Remove usage of color tokens which are duplicates

client/scss/components/_button.scss

@@ -57,19 +57,19 @@
   }
 
   &.warning {
-    background-color: theme('colors.surface-alert-warning');
-    border-color: theme('colors.surface-alert-warning');
+    background-color: theme('colors.warning.100');
+    border-color: theme('colors.warning.100');
 
     &.button-secondary {
-      border-color: theme('colors.surface-alert-warning');
-      color: theme('colors.surface-alert-warning');
+      border-color: theme('colors.warning.100');
+      color: theme('colors.warning.100');
       background-color: transparent;
     }
 
     &:hover {
       color: theme('colors.text-button');
       border-color: transparent;
-      background-color: theme('colors.surface-alert-warning');
+      background-color: theme('colors.warning.100');
     }
   }
 
@@ -77,12 +77,12 @@
   &.no,
   &.serious {
     background-color: theme('colors.surface-page');
-    border: 1px solid theme('colors.surface-alert-danger');
-    color: theme('colors.surface-alert-danger');
+    border: 1px solid theme('colors.critical.200');
+    color: theme('colors.critical.200');
 
     &:hover {
-      color: theme('colors.surface-alert-danger');
-      border-color: theme('colors.surface-alert-danger');
+      color: theme('colors.critical.200');
+      border-color: theme('colors.critical.200');
       background-color: theme('colors.critical.50');
     }
   }

client/scss/components/_dropdown.legacy.scss

@@ -278,11 +278,11 @@
 
 .dropdown.warning {
   ul {
-    background-color: theme('colors.surface-alert-warning');
+    background-color: theme('colors.warning.100');
   }
 
   .dropdown-toggle {
-    background-color: theme('colors.surface-alert-warning');
+    background-color: theme('colors.warning.100');
   }
 }
 

client/scss/tools/_mixins.guide-line.scss

@@ -3,7 +3,7 @@
  * StreamField and InlinePanel.
  */
 
-$guide-line-default-color: theme('colors.border-dashed-block');
+$guide-line-default-color: theme('colors.border-furniture');
 $stroke-width: 1px;
 
 @mixin guide-line-vertical() {

client/src/components/Draftail/Tooltip/Tooltip.scss

@@ -89,7 +89,7 @@ $tooltip-color-no: theme('colors.critical.100');
       border-color: currentColor;
 
       &:hover {
-        color: theme('colors.surface-alert-danger');
+        color: theme('colors.critical.200');
       }
     }
   }