fix stylesheet merge

Author: SuaYoo

frontend/src/theme.stylesheet.css

@@ -122,6 +122,12 @@
 }
 
 @layer components {
+  sl-skeleton {
+    --border-radius: var(--sl-border-radius-small);
+    --color: var(--sl-color-neutral-50);
+    --sheen-color: var(--sl-color-neutral-100);
+  }
+
   sl-avatar::part(base) {
     transition: var(--sl-transition-x-fast) background-color;
   }
@@ -231,11 +237,16 @@
   }
 
   /* Adjust menu item hover and focus styles */
-  sl-menu-item,
+  sl-option:not([aria-selected="true"]):not(:disabled),
+  sl-menu-item:not([disabled]),
   btrix-menu-item-link {
     @apply part-[base]:text-neutral-700 part-[base]:hover:bg-cyan-50/50 part-[base]:hover:text-cyan-700 part-[base]:focus-visible:bg-cyan-50/50;
   }
 
+  sl-option[aria-selected="true"] {
+    @apply part-[base]:bg-cyan-50 part-[base]:text-cyan-700;
+  }
+
   /* Add menu item variants */
   .menu-item-success {
     @apply part-[base]:text-success part-[base]:hover:bg-success-50 part-[base]:hover:text-success-700 part-[base]:focus-visible:bg-success-50;
@@ -276,8 +287,12 @@
   }
 
   /* TODO tailwind sets border-width: 0, see if this can be fixed in tw */
-  sl-divider {
-    border-top-width: var(--sl-panel-border-width);
+  sl-divider:not([vertical]) {
+    border-top: solid var(--width) var(--color);
+  }
+
+  sl-divider[vertical] {
+    border-left: solid var(--width) var(--color);
   }
 
   /* Add more spacing between radio options */