fix(mosaic): strip native button styling from switcher rows (#10466)

Author: alexcarpenter

.changeset/mosaic-switcher-row-button-reset.md

@@ -0,0 +1,5 @@
+---
+'@clerk/mosaic': patch
+---
+
+Fix menu rows in `<UserButton />` and `<OrganizationSwitcher />` showing the browser's default button border and background on pages without a CSS reset.

packages/mosaic/src/features/switcher/switcher-item.styles.ts

@@ -38,8 +38,10 @@ export const styles = stylex.create({
         ':hover:not(:disabled, [aria-disabled="true"])': colorVars['--cl-color-foreground'],
       },
     },
+    borderStyle: 'none',
+    appearance: 'none',
     backgroundColor: {
-      default: null,
+      default: 'transparent',
       ':active:not(:disabled, [aria-disabled="true"])': colorVars['--cl-color-neutral-alpha-200'],
       '@media (hover: hover)': {
         ':hover:not(:disabled, [aria-disabled="true"])': colorVars['--cl-color-neutral-alpha-100'],