scss 파일 import가 안되어있는데도 거기 있는 스타일이 적용됨

React 질문입니다.
가장 바깥에 있는 컴포넌트인 App컴포넌트가
Detail컴포넌트와 Cart컴포넌트를 가지고 있고
Detail컴포넌트는 scss파일을 import하고 있는데요.

(Detail.scss)

.my-alert2 {
  @extend .my-alert;
  background-color: #ffe591;
}

(Cart.js)

{ // 컴포넌트 하나에서만 쓰는건 굳이 redux의 store안에 저장할필요없음, 이런건 그냥 useState씀
        props.alert열렸니 === true
        ? <div className="my-alert2"> //// 이걸 어떻게 이용하는거지? Cart.js에서 import하고 있지도않은뎨?
            <p>지금 구매하시면 신규할이 20%</p>
            <button onClick={()=>{ props.dispatch({ type : 'alert닫기'}) }}>닫기</button>
          </div>
        : null
      }

Cart컴포넌트에서 같은 scss파일을 import하지 않아도 Detail.scss에 있는 my-alert2가 적용이 되는데 어떻게 그게 가능한건가요?