revert radix chage

src/components/Lightbox/Lightbox.web.tsx

@@ -2,8 +2,7 @@ import {useCallback, useEffect, useRef, useState} from 'react'
 import {Pressable, StyleSheet, View} from 'react-native'
 import {Image} from 'expo-image'
 import {Trans, useLingui} from '@lingui/react/macro'
-import {useFocusGuards} from '@radix-ui/react-focus-guards'
-import {FocusScope} from '@radix-ui/react-focus-scope'
+import {FocusGuards, FocusScope} from 'radix-ui/internal'
 import {RemoveScrollBar} from 'react-remove-scroll-bar'
 
 import {saveImageToMediaLibrary} from '#/lib/media/manip'
@@ -67,7 +66,7 @@ function LightboxContainer({
   handleBackgroundPress: () => void
 }) {
   const {t: l} = useLingui()
-  useFocusGuards()
+  FocusGuards.useFocusGuards()
   return (
     <Pressable
       accessibilityHint={undefined}
@@ -76,7 +75,7 @@ function LightboxContainer({
       style={[a.fixed, a.inset_0, a.z_10]}>
       <Backdrop />
       <RemoveScrollBar />
-      <FocusScope loop trapped asChild>
+      <FocusScope.FocusScope loop trapped asChild>
         <div
           role="dialog"
           aria-modal="true"
@@ -84,7 +83,7 @@ function LightboxContainer({
           style={{position: 'absolute', inset: 0}}>
           {children}
         </div>
-      </FocusScope>
+      </FocusScope.FocusScope>
     </Pressable>
   )
 }