chore: improve Modal / Slideover preset

src/runtime/components/overlays/Modal.vue

@@ -1,6 +1,6 @@
 <template>
   <TransitionRoot :appear="appear" :show="isOpen" as="template">
-    <Dialog class="relative z-50" @close="close">
+    <Dialog :class="wrapperClass" @close="close">
       <TransitionChild
         v-if="overlay"
         as="template"
@@ -10,7 +10,7 @@
         <div class="fixed inset-0 transition-opacity" :class="overlayBackgroundClass" />
       </TransitionChild>
 
-      <div :class="wrapperClass">
+      <div :class="innerClass">
         <div :class="containerClass">
           <TransitionChild
             as="template"
@@ -62,6 +62,10 @@ const props = defineProps({
     type: String,
     default: () => $ui.modal.wrapper
   },
+  innerClass: {
+    type: String,
+    default: () => $ui.modal.inner
+  },
   containerClass: {
     type: String,
     default: () => $ui.modal.container