♻️ Fix some css errors

frontend/src/app/main/ui/workspace/tokens/common.scss

@@ -19,20 +19,7 @@
 }
 
 .labeled-input-error {
-  border: 1px solid var(--status-color-error-500) !important;
-}
-
-.button {
-  @extend .button-primary;
-}
-
-.action-button {
-  @extend .button-tertiary;
-  height: $s-32;
-  width: $s-28;
-  svg {
-    @extend .button-icon;
-  }
+  border: $s-1 solid var(--status-color-error-500) !important;
 }
 
 .dropdown {

frontend/src/app/main/ui/workspace/tokens/modals/themes.scss

@@ -175,7 +175,7 @@
 }
 
 .sets-list-wrapper {
-  border: 1px solid color-mix(in hsl, var(--color-foreground-secondary) 30%, transparent);
+  border: $s-1 solid color-mix(in hsl, var(--color-foreground-secondary) 30%, transparent);
   border-radius: $s-8;
   overflow-y: auto;
 }

frontend/src/app/main/ui/workspace/tokens/sets_context_menu.cljs

@@ -29,10 +29,9 @@
 (mf/defc menu-entry
   {::mf/props :obj}
   [{:keys [title value on-click]}]
-  [:li
-   {:class (stl/css :context-menu-item)
-    :data-value value
-    :on-click on-click}
+  [:li {:class (stl/css :context-menu-item)
+        :data-value value
+        :on-click on-click}
    [:span {:class (stl/css :title)} title]])
 
 (mf/defc menu

frontend/src/app/main/ui/workspace/tokens/sets_context_menu.scss

@@ -4,6 +4,7 @@
 //
 // Copyright (c) KALEIDOS INC
 
+@use "../../ds/typography.scss" as t;
 @import "refactor/common-refactor.scss";
 
 .token-set-context-menu {
@@ -21,14 +22,11 @@
   background-color: var(--menu-background-color);
   max-height: 100vh;
   overflow-y: auto;
-
-  li {
-    @include bodySmallTypography;
-    color: var(--menu-foreground-color);
-  }
 }
 
 .context-menu-item {
+  @include t.use-typography("body-small");
+  color: var(--menu-foreground-color);
   display: flex;
   align-items: center;
   height: $s-28;
@@ -39,8 +37,5 @@
 
   &:hover {
     background-color: var(--menu-background-color-hover);
-    .title {
-      color: var(--menu-foreground-color-hover);
-    }
   }
 }