fix(action-sheet): adjust height for safe area with scrollable options

[brandyscarney]

Issue number: fixes #27777

---

What is the current behavior?

When safe area (top/bottom) is applied to an action sheet with scrollable options and a cancel button, the cancel button is pushed off the screen and cannot be reached.

What is the new behavior?

Properly adjust the height of the action sheet container to account for the top and bottom safe area.

Does this introduce a breaking change?

• Yes
• No

Other information

The below screenshots use the following CSS when safe area is added so it is expected that the action sheet will adjust the top and bottom:

:root {
  --ion-safe-area-top: 60px;
  --ion-safe-area-bottom: 40px;
}

iOS

	Before (main)	After (FW-4715)
No Safe Area
Safe Area

Material Design

	Before (main)	After (FW-4715)
No Safe Area
Safe Area

[thetaPC]

LGTM

[liamdebeasi]

Tried dev build 7.5.5-dev.11699885110.10e38569 in the reproduction app provided in the original issue, and this fix works great!