refactor: Text 컴포넌트 HTMLAttributes 타입 확장 및 Theme Font 값 추가

package.json

@@ -1,7 +1,7 @@
 {
   "name": "concept-be-design-system",
   "description": "컨셉비 디자인 시스템",
-  "version": "0.5.3",
+  "version": "0.5.5",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

src/App.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-import { Alert, BottomSheet, Button, Confirm } from '.';
+import { Alert, BottomSheet, Button, Confirm, Text } from '.';
 
 const App = () => {
   const [isBottomSheetOpen, setIsBottomSheetOpen] = useState(false);
@@ -10,7 +10,7 @@ const App = () => {
   return (
     <>
       <Button onClick={() => setIsBottomSheetOpen(true)}>Bottom Sheet</Button>
-
+      <Text font="suit10eb">피드</Text>
       <BottomSheet
         isOpen={isBottomSheetOpen}
         onClose={() => setIsBottomSheetOpen(false)}

src/components/Text/Text.tsx

@@ -1,9 +1,10 @@
 import styled from '@emotion/styled';
 import {
-  ReactNode,
-  ElementType,
   ComponentPropsWithoutRef,
   CSSProperties,
+  ElementType,
+  HTMLAttributes,
+  ReactNode,
 } from 'react';
 
 import { ReactComponent as SVGTextRequired } from '../../assets/svg/text_required.svg';
@@ -16,7 +17,8 @@ type Props<T extends ElementType> = {
   color?: ColorKeyType;
   required?: boolean;
   wordBreak?: CSSProperties['wordBreak'];
-} & ComponentPropsWithoutRef<T>;
+} & ComponentPropsWithoutRef<T> &
+  HTMLAttributes<T>;
 
 const Text = <T extends ElementType>({
   as,

src/styles/theme.ts

@@ -19,6 +19,10 @@ const color = {
 } as const;
 
 const font = {
+  suit10eb: {
+    fontSize: 10,
+    fontWeight: 800,
+  },
   suit12r: {
     fontSize: 12,
     fontWeight: 400,