fix(Dialog): styles

Author: tenphi

src/components/overlays/Dialog/Dialog.tsx

@@ -39,7 +39,10 @@ const DialogElement = tasty({
       '': 'relative',
       '[data-type="panel"]': 'absolute',
     },
-    padding: '1ow',
+    padding: {
+      '': '1ow',
+      '[data-type="overlay"]': 0,
+    },
     width: {
       '': '@min-dialog-size @dialog-size 90vw',
       '[data-type="fullscreen"]': '90vw 90vw',

src/icons/wrap-icon.tsx

@@ -5,6 +5,7 @@ import { CubeIconProps, Icon } from './Icon';
 export function wrapIcon(name: string, icon: ReactNode) {
   function IconWrapper(props: CubeIconProps) {
     return (
+      // use custom size to support legacy icons
       <Icon qa={name} aria-hidden="true" size="(@icon-size - 2px)" {...props}>
         {icon}
       </Icon>