구체성(specificity) 문제였던 것은 아닙니다. 동일한 선언문을 mobile.scss와 @import를 사용하는 mobile.scss 사이에 정확히 교체해 봤는데, 하나는 적용되고 다른 하나는 브라우저 인스펙터에서 덮어쓰기되었거든요.
하지만 지금은 재현이 안 됩니다! 다시 시도해 보기 위해 mobile.scss만 있는 빈 컴포넌트를 새로 만들어 봤는데, 양쪽 방향으로 선언문이 모두 적용되고 있습니다.
잘못 보고한 점 죄송합니다! 다만 이전에 어떤 원인이었는지 전혀 모르겠네요.. 다른 브라우저에서도 같은 현상이 있었거든요..