slate5 doesn't work in dark mode, switching to slate6

doing this before discussing with Taylor with the hope he is onboard

apps/designer/app/designer/features/style-panel/shared/css-value-input/unit-select.tsx

@@ -78,7 +78,7 @@ export const useUnitSelect = ({
 const StyledTrigger = styled(SelectPrimitive.SelectTrigger, {
   all: "unset",
   height: "$5",
-  px: 3,
+  px: "$1",
   borderRadius: 2,
   display: "inline-flex",
   alignItems: "center",
@@ -88,7 +88,7 @@ const StyledTrigger = styled(SelectPrimitive.SelectTrigger, {
     color: "$loContrast",
   },
   "&:hover": {
-    backgroundColor: "$slate5",
+    backgroundColor: "$slate6",
   },
 });
 

packages/design-system/src/components/icon-button.tsx

@@ -24,11 +24,11 @@ export const IconButton = styled("button", {
     boxSizing: "border-box",
   },
   "&:hover, &:active": {
-    backgroundColor: "$slate5",
+    backgroundColor: "$slate6",
     outline: "none",
   },
   "&:focus": {
-    backgroundColor: "$slate5",
+    backgroundColor: "$slate6",
     outline: "none",
   },
   "&:disabled": {

packages/design-system/src/components/select.tsx

@@ -21,7 +21,7 @@ const StyledTrigger = styled(SelectPrimitive.SelectTrigger, {
   px: "$2",
   fontSize: "$1",
   "&:hover": {
-    backgroundColor: "$slate5",
+    backgroundColor: "$slate6",
   },
   "&:focus": {
     boxShadow: