CollapseButton이 토글할때마다 어떻게 화살표(?)모양이 css에서 바뀌는지 못찾겟습니다

Direct Message 저 왼쪽의 아이콘(=CollapseButton)이 토글할때마다 바뀌는걸
css코드에서 찾고싶은데 제가 지식이 부족한건지 못찾겠습니다


위의 사진을 보면 collapse: boolean으로 가져온거로 collapse일때

& i { transform: none; };

이게 실행되는건 알겠는데, 이게 실행되면
<i className="c-icon ..." (다른 attrs) /> 이 태그가
<i className="c-icon ..." (다른 attrs) transform=none; /> 이렇게 변하는데 (이거 맞나요?)
transform=none;이면 슬랙쪽에서 만든 p-channel_sidebar__section_heading_expand같은 p-가 달린 속성이 토글되는거 같습니다만,,

어떻게 다음의 속성이
& i { transform: none; };
부모태그인 button의 클래스를 바꾸게 하는건가요??-->css에서 부모태그의 클래스를 바꾸는건 들어본적이 생소해서요 (슬랙에서 제공하는 스타일시트url)
슬랙에서 내부적으로 p-channel_sidebar__section_heading_expand 속성이 있으면 자식i태그에 transform: none이 있으면 부모 클래스속성을 토글하는거 같긴한뎀,,