diff --git a/CHANGELOG.md b/CHANGELOG.md
index c39e528..6ffffa1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,14 @@
 
 ## [Unreleased]
 
+## [0.2.2] - 2026-01-18
+
+### Fixed
+
+- 타이포그래피 유틸리티 클래스가 빌드에 포함되지 않던 문제 수정
+  - `@utility` 문법을 `@layer utilities`로 변경
+  - 모든 타이포그래피 클래스(`text-h1`, `text-h6`, `text-body-1-b` 등)가 정상적으로 export됨
+
 ## [0.2.1] - 2026-01-18
 
 ### Changed
@@ -201,7 +209,8 @@
 - Storybook 설정
 - Vitest 테스트 설정
 
-[Unreleased]: https://github.com/Team-NumberOne/daepiro-design-system/compare/v0.2.1...HEAD
+[Unreleased]: https://github.com/Team-NumberOne/daepiro-design-system/compare/v0.2.2...HEAD
+[0.2.2]: https://github.com/Team-NumberOne/daepiro-design-system/compare/v0.2.1...v0.2.2
 [0.2.1]: https://github.com/Team-NumberOne/daepiro-design-system/compare/v0.2.0...v0.2.1
 [0.2.0]: https://github.com/Team-NumberOne/daepiro-design-system/compare/v0.1.6...v0.2.0
 [0.1.6]: https://github.com/Team-NumberOne/daepiro-design-system/compare/v0.1.5...v0.1.6
diff --git a/package.json b/package.json
index 08b9135..35a45d2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@team-numberone/daepiro-design-system",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "대피로 디자인 시스템 - React 컴포넌트 라이브러리",
   "private": false,
   "packageManager": "pnpm@10.25.0",
diff --git a/src/styles/utilities/typography.css b/src/styles/utilities/typography.css
index 3a845ac..8b16b74 100644
--- a/src/styles/utilities/typography.css
+++ b/src/styles/utilities/typography.css
@@ -1,104 +1,106 @@
 /* Typography Utility Classes */
-@utility text-h1 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-h1);
-  font-weight: var(--font-weight-regular);
-  line-height: var(--line-height-h1);
-  letter-spacing: var(--letter-spacing-h1);
-}
+@layer utilities {
+  .text-h1 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-h1);
+    font-weight: var(--font-weight-regular);
+    line-height: var(--line-height-h1);
+    letter-spacing: var(--letter-spacing-h1);
+  }
 
-@utility text-h2 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-h2);
-  font-weight: var(--font-weight-regular);
-  line-height: var(--line-height-h2);
-  letter-spacing: var(--letter-spacing-h2);
-}
+  .text-h2 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-h2);
+    font-weight: var(--font-weight-regular);
+    line-height: var(--line-height-h2);
+    letter-spacing: var(--letter-spacing-h2);
+  }
 
-@utility text-h3 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-h3);
-  font-weight: var(--font-weight-medium);
-  line-height: var(--line-height-h3);
-  letter-spacing: var(--letter-spacing-h3);
-}
+  .text-h3 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-h3);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-h3);
+    letter-spacing: var(--letter-spacing-h3);
+  }
 
-@utility text-h4 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-h4);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-h4);
-  letter-spacing: var(--letter-spacing-h4);
-}
+  .text-h4 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-h4);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--line-height-h4);
+    letter-spacing: var(--letter-spacing-h4);
+  }
 
-@utility text-h5 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-h5);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-h5);
-  letter-spacing: var(--letter-spacing-h5);
-}
+  .text-h5 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-h5);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--line-height-h5);
+    letter-spacing: var(--letter-spacing-h5);
+  }
 
-@utility text-h6 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-h6);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-h6);
-  letter-spacing: var(--letter-spacing-h6);
-}
+  .text-h6 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-h6);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--line-height-h6);
+    letter-spacing: var(--letter-spacing-h6);
+  }
 
-@utility text-subtitle-1 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-body-1);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-body-1);
-  letter-spacing: var(--letter-spacing-subtitle-1);
-}
+  .text-subtitle-1 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-body-1);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--line-height-body-1);
+    letter-spacing: var(--letter-spacing-subtitle-1);
+  }
 
-@utility text-body-1 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-body-1);
-  font-weight: var(--font-weight-medium);
-  line-height: var(--line-height-body-1);
-  letter-spacing: var(--letter-spacing-body-1);
-}
+  .text-body-1 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-body-1);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-body-1);
+    letter-spacing: var(--letter-spacing-body-1);
+  }
 
-@utility text-body-1-b {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-body-1);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-body-1);
-  letter-spacing: var(--letter-spacing-body-1);
-}
+  .text-body-1-b {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-body-1);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--line-height-body-1);
+    letter-spacing: var(--letter-spacing-body-1);
+  }
 
-@utility text-subtitle-2 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-body-2);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-body-2);
-  letter-spacing: var(--letter-spacing-subtitle-2);
-}
+  .text-subtitle-2 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-body-2);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--line-height-body-2);
+    letter-spacing: var(--letter-spacing-subtitle-2);
+  }
 
-@utility text-body-2 {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-body-2);
-  font-weight: var(--font-weight-medium);
-  line-height: var(--line-height-body-2);
-  letter-spacing: var(--letter-spacing-body-2);
-}
+  .text-body-2 {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-body-2);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-body-2);
+    letter-spacing: var(--letter-spacing-body-2);
+  }
 
-@utility text-caption {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-caption);
-  font-weight: var(--font-weight-medium);
-  line-height: var(--line-height-caption);
-  letter-spacing: var(--letter-spacing-caption);
-}
+  .text-caption {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-caption);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-caption);
+    letter-spacing: var(--letter-spacing-caption);
+  }
 
-@utility text-overline {
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-overline);
-  font-weight: var(--font-weight-medium);
-  line-height: var(--line-height-overline);
-  letter-spacing: var(--letter-spacing-overline);
+  .text-overline {
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-overline);
+    font-weight: var(--font-weight-medium);
+    line-height: var(--line-height-overline);
+    letter-spacing: var(--letter-spacing-overline);
+  }
 }