Классы CSS Tailwind не работают с шаблоном кебабкейса с html-проверкой ⇐ Javascript

[Anonymous]

Заголовок: Как настроить шаблон класса html-validate для Tailwind CSS?
Я использую html-validate с шаблоном kebabcase в своем проекте Hugo, но
классы Tailwind не проходят проверку:

• h-[76px] (произвольные значения)
• top-1/2 (дроби)
• right-2.5 (десятичные числа)
• -translate-y-1/2 (отрицательные значения)

Как создать шаблон регулярного выражения, который позволяет использовать синтаксис Tailwind, при этом
применяя кебабкейс для пользовательских классов?
Текущая конфигурация:
{
"extends": [
"html-validate:recommended"
],
"rules": {
"parser-error": "off",
"class-pattern": [
"error",
{
"pattern": "kebabcase"
}
],
"no-dup-class": "error",
"valid-id": "error",
"no-dup-id": "error",
"attr-spacing": "off",
"doctype-style": "off",
"long-title": "off",
"no-inline-style": "off",
"require-sri": "off",
"no-unknown-elements": "off",
"no-implicit-close": "off",
"void-style": "off"
}
}


Подробнее здесь: https://stackoverflow.com/questions/798 ... se-pattern