PurgeCss whitelist doesnt ignore vue-loading-overlay component's css

[KostaVuckovic]

I have an issue with purgecss, vue-loading-overlay component that I downloaded from npm, work in development mode, but when I put it on netlify, purgecss somehow delete css from that component. I added class names from vue-loading.css to whitelist [/vue-loading-overlay/, /vld-overlay/, /is-active/, /is-full-page/, /vld-background/, /vld-icon/, /vld-parent/], but it doesn't work. I also added comments for ignore in that css file, but unlucky. Is there any reason why this doesn't work, maybe there are any rules for components?

Here is link of postcss.config.js: https://github.com/KostaVuckovic/vue-movie-app/blob/master/postcss.config.js

And, this is css from that file:

.vld-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
align-items: center;
display: none;
justify-content: center;
overflow: hidden;
z-index: 9999;
}

.vld-overlay.is-active {
display: flex;
}

.vld-overlay.is-full-page {
z-index: 9999;
position: fixed;
}

.vld-overlay .vld-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
background: #fff;
opacity: 0.5;
}

.vld-overlay .vld-icon, .vld-parent {
position: relative;
}