fix(action-sheet): set 100% height to fix scrollable options (#16789)

* test(action-sheet): include more buttons to scroll in the screenshot

Author: brandyscarney

core/src/components/action-sheet/action-sheet.scss

@@ -23,8 +23,8 @@
   --width: #{$action-sheet-width};
   --max-width: #{$action-sheet-max-width};
   --min-height: auto;
-  --height: auto;
-  --max-height: auto;
+  --height: 100%;
+  --max-height: 100%;
 
   @include font-smoothing();
   @include position(0, 0, 0, 0);

core/src/components/action-sheet/test/scrollable-options/index.html

@@ -73,11 +73,21 @@
             handler: () => {
               console.log('Mark Unread clicked');
             }
+          }, {
+            text: 'Mark Read',
+            handler: () => {
+              console.log('Mark Read clicked');
+            }
           }, {
             text: 'Edit Title',
             handler: () => {
               console.log('Edit Title clicked');
             }
+          }, {
+            text: 'Erase Title',
+            handler: () => {
+              console.log('Erase Title clicked');
+            }
           }, {
             text: 'Save Image',
             handler: () => {
@@ -88,6 +98,12 @@
             handler: () => {
               console.log('Copy Image clicked');
             }
+          }, {
+          }, {
+            text: 'Erase Image',
+            handler: () => {
+              console.log('Erase Image clicked');
+            }
           }, {
             text: 'Delete File',
             role: 'destructive',