そのままなCSS

とあるサイトのCSSで，

.Text-fontWeight--500 {
    font-weight: 500;
}
.Text-fontSize--11 {
    font-size: 11px;
}

というclassが定義されていました．これは，

<div style="font-weight: 500;"></div>
<div style="font-size: 11px;"></div>

と記載するのと全く変わらないような気がします．

.Text-error {
    font-weight: 500;
    font-size: 11px;
}

と定義し，

<div class="Text-error"></div>

と記載することで，エラーメッセージのテキストのスタイルを一括で指定するのがよいのではないかと思いました．