fix: nested modals correctly close with the escpape key (including animations)

Author: thejackshelton

packages/kit-headless/src/components/modal/modal.tsx

@@ -76,11 +76,15 @@ export const Modal = component$((props: ModalProps) => {
   });
 
   const handleKeyDownSync$ = sync$((e: KeyboardEvent) => {
-    const keys = [' ', 'Enter', 'Escape'];
+    const keys = [' ', 'Enter'];
 
     if (e.target instanceof HTMLDialogElement && keys.includes(e.key)) {
       e.preventDefault();
     }
+
+    if (e.key === 'Escape') {
+      e.preventDefault();
+    }
   });
 
   const handleKeyDown$ = $((e: KeyboardEvent) => {