モバイル スタイルのテーマを確認したところ、コアの宣言によって上書きされていることがわかりました。
mobile/mobile.scss に直接ルールを宣言すると、優先され適用されます。しかし、mobile.scss で @import を使用すると、インポートされた宣言が上書きされます。
たとえば、テーマでインポートした宣言の一部が、コアの宣言によって上書きされています。
#list-area { background: xxx; }
body { background-color: xxx; }
うーん、それは驚きですね。モバイル用とデスクトップ用のテーマスタイルシートは、コアのものより後に読み込まれるように設定されています。以下を参照してください。
他に何か原因があるのではないでしょうか。例えば、セレクタの具体性に関する問題などです。コアがより具体的なセレクタで更新されることがよくありますが、それは元のセレクタを使用しているテーマが後退する可能性があることを意味します。
モバイル.scss と mobile.scss で @import を使用した場合で、まったく同じ宣言を切り替えたとき、具体性に関するものではありませんでした。前者は適用され、後者はブラウザインスペクターで上書きされました。
しかし、今では再現できません！再度試すために、mobile.scss のみの空白のコンポーネントを作成したところ、宣言は両方の方法で適用されました。
誤ったレポートで大変申し訳ありません！しかし、以前の原因が何であったかは不明です。さまざまなブラウザでも同様でした。
心配いりません！特定の条件下で発生するのかもしれません…