feat: integrate latest HMDesign design system updates

src/components/separator.stories.tsx

@@ -28,7 +28,7 @@ export const All: Story = {
       <StoryPageHeader
         kicker={STORY_KICKER.components}
         title="Separator"
-        description="콘텐츠 사이를 나누는 선입니다. 기본은 장식용(decorative)이며 접근성 트리에 노출되지 않습니다."
+        description="콘텐츠 사이를 나누는 선입니다. 제목과 설명을 하나의 묶음으로 두고 구분선은 묶음 뒤 한 곳에 사용합니다. 기본은 장식용(decorative)입니다."
       />
       <StorySection title="Overview">
         <StateBoard
@@ -39,7 +39,7 @@ export const All: Story = {
               label: "Horizontal",
               children: (
                 <div className="grid gap-3 text-sm">
-                  <span>Above</span>
+                  <div><strong>제목</strong><p>제목에 연결된 설명입니다.</p></div>
                   <Separator />
                   <span>Below</span>
                 </div>