[FE] atomic css 방식을 css props에 적용하는 유틸 함수 생성

[airman5573]

요약

twin.macro와 비슷하게 tailwind의 atomic css방식을 css props에 적용하는 유틸 함수를 만듭니다.
예를들어

<SideBar css={tw`sticky mb-20 py-[20px]`} />

이렇게 쓰면

<SideBar css={
  css`position: sticky; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px;`
} />

로 변환이 됩니다.