refact: remove Kbd css module

Author: lorant-one

src/once-ui/components/Kbd.module.scss

@@ -3,8 +3,6 @@
 import React, { ReactNode, forwardRef } from "react";
 
 import { Flex, Text } from ".";
-import classNames from "classnames";
-import styles from "./Kbd.module.scss";
 
 interface KbdProps extends React.ComponentProps<typeof Flex> {
   label?: string;
@@ -15,7 +13,20 @@ interface KbdProps extends React.ComponentProps<typeof Flex> {
 
 const Kbd = forwardRef<HTMLDivElement, KbdProps>(
   ({ label, children, className, style, ...rest }, ref) => (
-    <Flex as="kbd" ref={ref} className={classNames(styles.kbd, className)} style={style} {...rest}>
+    <Flex
+      as="kbd"
+      ref={ref}
+      justifyContent="center"
+      minWidth="32"
+      background="neutral-strong"
+      radius="s"
+      paddingX="4"
+      paddingY="2"
+      onBackground="neutral-medium"
+      border="neutral-strong"
+      className={className}
+      style={style}
+      {...rest}>
       <Text as="span" variant="label-default-s">
         {label || children}
       </Text>
@@ -26,4 +37,4 @@ const Kbd = forwardRef<HTMLDivElement, KbdProps>(
 Kbd.displayName = "Kbd";
 
 export { Kbd };
-export type { KbdProps };
+export type { KbdProps };