Move /platform/detection vars into /env (#9707)

* Add platform vars to env

* Replace /platform/detection with /env

src/components/PolicyUpdateOverlay/Overlay.tsx

@@ -7,11 +7,11 @@ import {
 import {LinearGradient} from 'expo-linear-gradient'
 import {utils} from '@bsky.app/alf'
 
-import {isAndroid, isNative} from '#/platform/detection'
 import {useA11y} from '#/state/a11y'
 import {atoms as a, useBreakpoints, useTheme, web} from '#/alf'
 import {FocusScope} from '#/components/FocusScope'
 import {LockScroll} from '#/components/LockScroll'
+import {IS_ANDROID, IS_NATIVE} from '#/env'
 
 const GUTTER = 24
 
@@ -80,7 +80,7 @@ export function Overlay({
             a.z_20,
             a.align_center,
             !gtPhone && [a.justify_end, {minHeight: frame.height}],
-            isNative && [
+            IS_NATIVE && [
               {
                 paddingBottom: Math.max(insets.bottom, a.p_2xl.padding),
               },
@@ -109,7 +109,7 @@ export function Overlay({
 
           <FocusScope>
             <View
-              accessible={isAndroid}
+              accessible={IS_ANDROID}
               role="dialog"
               aria-role="dialog"
               aria-label={label}

src/components/PolicyUpdateOverlay/index.tsx

@@ -1,12 +1,12 @@
 import {useEffect} from 'react'
 import {View} from 'react-native'
 
-import {isIOS} from '#/platform/detection'
 import {atoms as a} from '#/alf'
 import {FullWindowOverlay} from '#/components/FullWindowOverlay'
 import {usePolicyUpdateContext} from '#/components/PolicyUpdateOverlay/context'
 import {Portal} from '#/components/PolicyUpdateOverlay/Portal'
 import {Content} from '#/components/PolicyUpdateOverlay/updates/202508'
+import {IS_IOS} from '#/env'
 
 export {Provider} from '#/components/PolicyUpdateOverlay/context'
 export {usePolicyUpdateContext} from '#/components/PolicyUpdateOverlay/context'
@@ -39,7 +39,7 @@ export function PolicyUpdateOverlay() {
             // setting a zIndex when using FullWindowOverlay on iOS
             // means the taps pass straight through to the underlying content (???)
             // so don't set it on iOS. FullWindowOverlay already does the job.
-            !isIOS && {zIndex: 9999},
+            !IS_IOS && {zIndex: 9999},
           ]}>
           <Content state={state} />
         </View>

src/components/PolicyUpdateOverlay/updates/202508/index.tsx

@@ -3,7 +3,6 @@ import {View} from 'react-native'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
-import {isAndroid} from '#/platform/detection'
 import {useA11y} from '#/state/a11y'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
@@ -12,6 +11,7 @@ import {Badge} from '#/components/PolicyUpdateOverlay/Badge'
 import {Overlay} from '#/components/PolicyUpdateOverlay/Overlay'
 import {type PolicyUpdateState} from '#/components/PolicyUpdateOverlay/usePolicyUpdateState'
 import {Text} from '#/components/Typography'
+import {IS_ANDROID} from '#/env'
 
 export function Content({state}: {state: PolicyUpdateState}) {
   const t = useTheme()
@@ -56,7 +56,7 @@ export function Content({state}: {state: PolicyUpdateState}) {
     size: 'small',
   } as const
 
-  const label = isAndroid
+  const label = IS_ANDROID
     ? _(
         msg`We’re updating our Terms of Service, Privacy Policy, and Copyright Policy, effective September 15th, 2025. We're also updating our Community Guidelines, and we want your input! These new guidelines will take effect on October 15th, 2025. Learn more about these changes and how to share your thoughts with us by reading our blog post.`,
       )