Sass 파일은 값·재사용·범위·전역 책임으로 나눈다

문법 기능보다 어떤 변경이 어느 파일까지 퍼지는지 기준으로 구조를 잡는다.

styles/Sass 컴파일 뒤 CSS 범위가 결정되는 소스 트리
token

_variables.scss

빌드 때 고정되는 색상·간격·크기

reuse

_mixins.scss

focus ring·media query처럼 반복 선언 묶음

local

Button.module.scss

컴포넌트 클래스 범위를 해시로 격리

global

globals.scss

reset·기본 타이포·테마 변수만 유지

핵심DOM 구조를 깊게 중첩하지 말고 컴포넌트 범위와 반복 값의 변경 경계를 분리한다.