Bottomsheet Modal inside Stack Screen which has a presentation style set to formSheet

[Karthik-B-06]

I have a Stack Screen for Contact Details, which has the presentation style of formSheet

      <Stack.Screen
        options={{ presentation: "formSheet", animation: "slide_from_bottom" }}
        name="Details"
        component={Details}
      />

A Bottomsheet Modal inside this ContactDetails Screen is not visible, and the sheet appears behind the screen.

      <BottomSheetModal
        backdropComponent={BottomSheetBackdrop}
        handleIndicatorStyle={tailwind.style(
          "overflow-hidden bg-blackA-A6 w-8 h-1 rounded-[11px]",
        )}
        handleStyle={tailwind.style("p-0 h-4 pt-[5px]")}
        style={tailwind.style("mx-3 rounded-[26px] -mt-3")}
        bottomInset={bottom}
        enablePanDownToClose
        detached
        snapPoints={[316]}
        keyboardBehavior="interactive"
        keyboardBlurBehavior="restore"
        onChange={handleChange}
      />

Does anyone know how to make the BottomSheet modal appear on top of the formSheet screen? Here is a screen recording of the same.

Screen.Recording.2024-03-13.at.4.35.04.PM.mov