css프로퍼티를 사용하는 @emotion/react를 className 프로퍼티를 사용하는 @emotion/css 로 변경

[evan-moon]

1. Next.js 12 버전부터 제공되는 SWC를 사용하기 위해서는 babelrc를 제거해야한다.
2. @emotion/react는 babel에 의존하여 스타일을 주입한다.
3. 위 이유로 인해 quantumic-design + next 를 사용하는 프로젝튼는 SWC를 사용하지 못 하는 경우가 발생한다.
4. 그래서 className 프로퍼티 + css 함수를 사용하는 @emotion/css로 마이그레이션이 필요하다

AS IS

<div css={{ color: '#000000' }} /> 

TO BE

import { css } from '@emotion/css';

<div className={css`color: #000000`} />

// or

import { css, cx } from '@emotion/css';

const Foo = ({ className }: { className: string }) => {
  return <div className={cx(className, css`color: '#000000`)} />
}