スタイルモジュール(<style include="xxx">
)を使用する際の注意点です。
問題
複数のスタイルモジュールを読み込んだ場合、モジュール間で競合するスタイル情報があると後に指定したモジュールのスタイルが適用されます。
例えば、<style include="style-module-x style-module-y style-module-z">
でモジュール間で競合するスタイルがあると、x=>y=>zの順に適用されます。
つまり、モジュールを読み込む順番によって意図しないスタイルが適用されてしまう可能性があります。
対策
スタイルモジュールを定義する際はセレクタの抽象度に注意し、読み込むときも抽象性の高いモジュールから順番に読み込むようにします。(例:アプリケーションのテーマ=>フォームの共通スタイル=>ボタン)