링크에 기본적으로 적용되는 스타일(보라색 텍스트와 밑줄)이 생김

이를 없애주기 위해서는 a태그에 아래 옵션을 주면 됨

/** index.css */

a {
  color: var(--white) !important;
  text-decoration: none !important;
}

!important :

CSS 규칙을 덮어쓰는 강력한 우선순위 부여 다른 스타일 규칙이 존재하더라도 !important가 있는 스타일이 항상 우선 적용된다.

+

React Router의 Link 컴포넌트는 실제로는 HTML의 a태그로 랜더링된다.
따라서 Link태그로 감싼 모든 요소는 결국 a태그로 간주되기 때문에 index.css(전역)에 a태그 스타일이 적용된다.