Вспомогательные библиотеки CSS предназначены для людей, которые хотят использовать CSS без необходимости писать его самостоятельно, потому что многие шаблоны стилей очень распространены.Они могут быть очень полезны, когда они предоставляют то, что вам нужно.Вспомогательные классы обычно разрабатываются для использования со стандартным HTML и просто применяют стиль к элементу.Angular Material - это компоненты или пользовательские элементы, которые обычно имеют более сложную структуру DOM, чем просто один элемент.Вы можете применять вспомогательные классы к компонентам Angular Material, но они не всегда будут работать, как вы можете надеяться.
IMO, было бы лучше потратить ваше время на понимание функций, встроенных в Angular Material и связанные с ними библиотеки, такие как Angular FlexLayout, чем пытаться заставить работать библиотеку, предназначенную для использования со стандартным HTML (например, MaterializeCSS).правильно с угловым материалом.