A simple PostCSS plugin that change utility class selector to Placeholder syntax (SASS-like).
.hover\:text-light-grey:hover {
color: #666;
}%hover\:text-light-grey:hover {
color: #666;
}const path = require('path')
module.exports = {
plugins: [
//specify the files which you want to process only
require('postcss-util-class-placeholder')({files: [
path.resolve(__dirname, './src/your-util.css')
]})
]
}