Revert adding |local to Dialog / Drawer / Backdrop as it breaks ToggleButton usage (issue #51)

Author: techniq

src/lib/components/Backdrop.svelte

@@ -9,6 +9,7 @@
   export let fadeParams: FadeParams = { duration: 300 };
 </script>
 
+<!-- TODO: Add `|local` to transition without breaking `ToggleButton` usage: https://github.com/techniq/svelte-ux/issues/51 -->
 <div
   class="backdrop fixed top-0 bottom-0 left-0 right-0 flex items-center
     justify-center bg-black/50 {$$restProps.class || ''}"
@@ -18,7 +19,7 @@
   on:click
   on:mousedown
   on:mouseup
-  transition:fade|local={fadeParams}
+  transition:fade={fadeParams}
   class:blur
   use:portalAction={{ enabled: portal }}
 >

src/lib/components/Dialog.svelte

@@ -91,14 +91,15 @@
     }}
     use:portalAction={{ enabled: portal }}
   >
+    <!-- TODO: Add `|local` to transition without breaking `ToggleButton` usage: https://github.com/techniq/svelte-ux/issues/51 -->
     <div
       class={cls(
         'dialog rounded bg-white elevation-4 overflow-y-auto pointer-events-auto relative outline-none',
         classes.dialog,
         $$props.class
       )}
       style={$$props.style}
-      transition:scale|local={{ duration: 150, easing: quadIn }}
+      transition:scale={{ duration: 150, easing: quadIn }}
       on:introstart
       on:outrostart
       on:introend

src/lib/components/Drawer.svelte

@@ -42,6 +42,7 @@
     {portal}
   />
 
+  <!-- TODO: Add `|local` to transition without breaking `ToggleButton` usage: https://github.com/techniq/svelte-ux/issues/51 -->
   <div
     class={cls(
       'bg-white fixed overflow-auto transform z-50 outline-none',
@@ -56,7 +57,7 @@
       $$props.class
     )}
     style={$$props.style}
-    transition:fly|local={{
+    transition:fly={{
       x: left ? '-100%' : right ? '100%' : 0,
       y: top ? '-100%' : bottom ? '100%' : 0,
     }}