No se trataba de especificidad, ya que cambié exactamente las mismas declaraciones entre mobile.scss y usando @import en mobile.scss. La primera se aplicó y la otra se sobrescribió en el inspector del navegador.
¡Pero ahora tampoco puedo reproducirlo! Acabo de crear un componente en blanco solo con un mobile.scss para intentarlo de nuevo y las declaraciones se aplican de ambas maneras.
¡Lo siento mucho por el informe erróneo! Aunque no entiendo qué lo causó antes… lo tuve en diferentes navegadores también…