Merge pull request #5 from LikeLion-KNU/feature/font-weight

src/components/typography/Text.style.ts

@@ -2,8 +2,6 @@ import { TextProps } from "./Text";
 import styled from "@emotion/styled";
 
 export const TextElement = styled.span<TextProps>`
-    font-weight: ${(props) => props.weight ?? "normal"};
-    
     font-size: ${(props) => {
         switch (props.size) {
             case "xs":
@@ -35,8 +33,10 @@ export const TextElement = styled.span<TextProps>`
                 return "var(--font-weight-extrabold)";
             case "heavy":
                 return "var(--font-weight-heavy)";
-            default:
+            case undefined:
                 return "var(--font-weight-regular)";
+            default:
+                return props.weight;
         }
     }};
 

src/components/typography/Text.tsx

@@ -5,7 +5,7 @@ import { TextElement } from "./Text.style";
 export interface TextProps extends React.ComponentProps<"span"> {
     size: "xs" | "s" | "m" | "l" | "xl" | string;
     color?: "primary" | string;
-    weight?: "light" | "regular" | "bold" | "extrabold" | "heavy";
+    weight?: "light" | "regular" | "bold" | "extrabold" | "heavy" | string;
     children: React.ReactNode;
 }
 

src/styles/global.ts

@@ -21,7 +21,7 @@ export const GlobalStyle = css`
     a {
         text-decoration: none;
     }
-        
+
     :root {
         --font-size-xl: 24px;
         --font-size-l: 22px;