Seperate the box-shadow of the foundation `ev`

[sungik-choi]

현재 상황

foundation ev는 background-color, box-shadow 두 스타일 속성이 포함된 믹스인입니다.

문제점

작업하다보니 ev를 컴포넌트에서 지정한 색상보다 뒤에 작성해서 ev의 background-color로 의도치않게 덮어씌워지는 케이스가 많이 발생했습니다. 이는 사용하기에 직관적이지 않다고 생각합니다. 그리고 베지어 디자인 시스템 피그마 상에서도 ev(Shadows) - background-color(Colors)가 묶여있지 않습니다. 종종 ev와 background-color가 매칭되지 않는 디자인 시안들도 있습니다.

어떻게 개선할 수 있는지

1. box-shadow 를 별도로 분리 -> ev 정의를 변경
2. 디자인할 때에도 ev3 이상일 경우 무조건 배경색상은 bg-white-high 를 사용하는 등의 룰을 지키기 (디자인팀과 논의 필요)

Reference

없음