Storybook 팔레트와 구성 요소 모두에서 동일한 색상 변수를 사용하는 방법은 무엇입니까?
<p>UI 구성 요소 라이브러리를 만들고 이에 대한 문서와 예제를 제공하기 위해 Storybook을 사용했습니다. </p>
<p>제 목표는 SCSS 파일에서 색상 팔레트를 선언하고 이를 구성 요소 및 스토리북 팔레트에서 사용하는 것입니다. </p>
<p>스토리북 팔레트는 색상 팔레트에 대한 문서를 생성할 수 있는 내장 스토리북 구성 요소입니다. </p>
<p>그래서 디자인 시스템의 색상이 변경되면 SCSS 변수 값만 변경하면 색상 팔레트와 구성 요소 모두 새로운 색상 값으로 업데이트될 것으로 예상합니다. </p>
<p>안타깝게도 이 섹션의 스토리북 문서는 빈약하며 예제에는 하드코딩된 색상만 포함되어 있습니다. 색상 팔레트 페이지는 MDX 파일이므로 거기에서 SCSS 변수를 가져오고 사용하는 방법을 모르겠습니다. </p>
<p>목표를 달성할 수 있는 방법이 있나요? </p>