Является ли повторение кода CSS один раз в нескольких компонентах лучше, чем повторение глобального компонента в файлах HTML более одного раза?

Question

Я работаю над рефакторингом кода CSS для углового приложения.(Я новичок в угловой) Какой вариант будет лучше?

1) Создание класса в глобальных стилях и вызов этого класса несколько раз в HTML-документе для нескольких компонентов.

ex,включите в глобальный scss следующее, а затем добавьте class = "form-100w" к нескольким элементам для нескольких html-файлов.

  .mat-form-field {
     width: 100%;
     }
  }

<div class="form-100w"> (repeated multiple times in multiple html files)

2) Создание класса в компоненте scss и вызов его только один раз в пределахHTML-документ, но включающий свойство css несколько раз в нескольких компонентах.ех.добавьте поле mat-form-field один раз, но к нескольким компонентным файлам scss, но вам не нужно добавлять класс к нескольким элементам в html-файлах

mat-form-field {
   width: 100%;
 } 

(повторяется один раз в нескольких компонентных файлах css, но выне нужно добавлять его как класс в HTML-файл)