[v4] Bottom Sheet Modal shadow cut off

[iannngit]

Bug

The shadow of Bottom Sheet Modal gets cut off by its unknown parent. Please check the screenshot.

Environment info

Library	Version
@gorhom/bottom-sheet	4.6.1
react-native	0.73.4
react-native-reanimated	3.6.2
react-native-gesture-handler	2.14.0
expo	50.0.7

Steps To Reproduce

I followed and checked the example code and put style to BottomSheetModal.
I saw shadow was vague so I changed the values to make shadow more solid and saw the shadow was cut off.

Reproducible sample code

      <BottomSheet
        ref={modalRef}
        handleIndicatorStyle={{
          backgroundColor: '#79747E'
        }}
        style={{
          backgroundColor: 'black',
          borderTopStartRadius: 5,
          borderTopEndRadius: 5,
          shadowOffset: {
            width: 0,
            height: 0
          },
          shadowOpacity: 1,
          shadowRadius: 20,
    
          elevation: 24
        }}

Then I have

 <GestureHandlerRootView style={{ flex: 1 }}>
      <SafeAreaProvider>
        <BottomSheetModalProvider>
          <NavigationContainer