fix(web): allow backgroundInteractionEnabled to work by setting pointerEvents

Adds pointerEvents: 'box-none' to the GestureHandlerRootView when backgroundInteractionEnabled is true, allowing background elements to receive pointer events on Web, consistent with Android behavior.

Author: Silvallis

src/index.tsx

@@ -1477,7 +1477,10 @@ export default forwardRef<ActionSheetRef, ActionSheetProps>(
           <Root {...rootProps}>
             <GestureHandlerRoot
               isModal={isModal}
-              style={styles.parentContainer}>
+              style={styles.parentContainer}
+              pointerEvents={
+                props?.backgroundInteractionEnabled ? 'box-none' : 'auto'
+              }>
               <PanGestureRefContext.Provider value={context}>
                 <DraggableNodesContext.Provider value={draggableNodesContext}>
                   <Animated.View
@@ -1654,7 +1657,9 @@ export default forwardRef<ActionSheetRef, ActionSheetProps>(
 
 const GestureHandlerRoot = (props: any) => {
   return props.isModal ? (
-    <GestureHandlerRootView style={props.style}>
+    <GestureHandlerRootView
+      style={props.style}
+      pointerEvents={props.pointerEvents}>
       {props.children}
     </GestureHandlerRootView>
   ) : (