fix(modal): fix color in dark theme

packages/modal/src/components/closer/Component.tsx

@@ -1,6 +1,8 @@
 import React, { ButtonHTMLAttributes, FC, useCallback, useContext } from 'react';
 import cn from 'classnames';
-import { Button } from '@alfalab/core-components-button';
+
+import { IconButton } from '@alfalab/core-components-icon-button';
+import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
 import { ModalContext } from '../../Context';
 
@@ -34,9 +36,9 @@ export const Closer: FC<CloserProps> = ({ className, fullscreen, align, ...restP
     );
 
     return (
-        <Button
+        <IconButton
+            icon={CrossMIcon}
             type='button'
-            view='ghost'
             className={cn(
                 styles.closer,
                 className,

packages/modal/src/components/closer/index.module.css

@@ -3,9 +3,6 @@
 .closer {
     width: 48px;
     height: 48px;
-    background-image: var(--modal-closer-icon);
-    background-position: center;
-    background-repeat: no-repeat;
     flex-shrink: 0;
     transition: opacity 0.2s ease-out;
 

packages/modal/tsconfig.json

@@ -9,5 +9,5 @@
             "@alfalab/core-components-*": ["../*/src"]
         }
     },
-    "references": [{ "path": "../base-modal" }, { "path": "../mq" }, { "path": "../button" }]
+    "references": [{ "path": "../base-modal" }, { "path": "../mq" }, { "path": "../icon-button" }]
 }