Дело в том, что интерпретатор Pug не поддерживает символы, такие как `:`, `/`, `!` и пр. символы используемые классами в Tailwind, если прописывать их после точки или хеша.
В случае с разделителем (в вашем случае символом `:`) в `tailwind.config.js` вы можете установить `separator: '_'` или любой другой удобный вам символ, и уже вместо двоеточия использовать установленный символ.
В остальных случаях записывайте классы, содержащие недопустимые символы, в атрибуте `class`.