[core-elements] Text 컴포넌트 사용시 가변적인 라인 수에 대한 이슈

[pgs787]

관련 스레드- https://titicaca.slack.com/archives/CE1TS26GK/p1618479206038200?thread_ts=1618443838.009900&cid=CE1TS26GK

위와 같은 경우는 컴포넌트 내 optional props로 1줄로 적용시켜 이슈를 해결 했지만(원래 1줄이 목적이였음) 가변적인 라인을 목적으로 사용하고 싶은 경우 경우 문제가 발생할 수 있습니다.

ex) 라인이 가변적인 케이스인 경우 Text 컴포넌트에게 UI적으로 필요한 padding 혹은 margin 등 css 적용시키다 보면
아래 사진과 같이 over 되는 문구 혹은 이모지가 보이는 현상이 발견 될 것 같습니다 => 원하는 목적이 가변의 height을 원하다 보니 maxHeight나 height 값을 지정해서 안 보이게 하는 것도 한계가 있을 것 같습니다!

다양한 방안이 있겠지만 의견을 공유 받고자 합니다!