Disable the focus ring of the opened popup

This is to avoid an issue on some browsers (Safari iOS) where the focus
ring was visible, even when opening the popup with a touch event.

This is not an issue since the popup being opened is already an
indicator that it has received the focus.

src/Popup.css.ts

@@ -3,7 +3,7 @@ import { globalStyle, style } from "@vanilla-extract/css";
 export const main = style({
   zIndex: 999, // 999 should be enough since the portal target can be changed
   overflow: "hidden",
-  outlineWidth: 2,
+  outline: 0,
 
   // transition styles
   opacity: 0,
@@ -12,10 +12,6 @@ export const main = style({
   transitionDuration: "100ms",
   transitionTimingFunction: "cubic-bezier(0, 0.5 0.5, 1)",
   pointerEvents: "none",
-
-  ":focus-visible": {
-    outlineStyle: "solid",
-  },
 });
 
 globalStyle(`${main}, ${main} *`, {

src/Popup.tsx

@@ -117,7 +117,6 @@ export function Popup({
         left,
         background: th.popupBackground,
         borderRadius: th.popupRadius,
-        outlineColor: th.focusColor,
         boxShadow: th.popupShadow,
       }}
     >