feat: titleXsm text 추가

Author: 리니_이경린

src/components/ui/Text/Text.module.scss

@@ -42,6 +42,7 @@
       titleLg,
       titleM,
       titleSm,
+      titleXsm,
       bodyLg,
       bodyM,
       bodySm,
@@ -58,7 +59,10 @@
         @include titleM;
       } @else if $variant-name == titleSm {
         @include titleSm;
-      } @else if $variant-name == bodyLg {
+      } @else if $variant-name == titleXsm {
+        @include titleXsm;
+      }
+      @else if $variant-name == bodyLg {
         @include bodyLg;
       } @else if $variant-name == bodyM {
         @include bodyM;

src/components/ui/Text/Text.types.ts

@@ -2,6 +2,7 @@ type TextVariant =
   | "titleLg"
   | "titleM"
   | "titleSm"
+  | "titleXsm"
   | "bodyLg"
   | "bodyM"
   | "bodySm"

src/styles/_mixins.scss

@@ -13,6 +13,11 @@
   font-weight: var(--font-weight-bold);
 }
 
+@mixin titleXsm {
+  font-size: var(--font-size-18);
+  font-weight: var(--font-weight-bold);
+}
+
 @mixin bodyLg {
   font-size: var(--font-size-16);
   font-weight: var(--font-weight-medium);

src/styles/_variables.scss

@@ -7,6 +7,7 @@
   --font-size-28: 1.75rem;
   --font-size-24: 1.5rem;
   --font-size-22: 1.375rem;
+  --font-size-18: 1.125rem;
   --font-size-16: 1rem;
   --font-size-15: 0.9375rem;
   --font-size-14: 0.875rem;