doesn't work with tailwind

[sibbng]

This plugin is not process tailwind classes. I'm importing tailwind in my css like that.

@import 'tailwindcss/base'; /*https://github.com/tailwindcss/tailwindcss/blob/master/base.css */
@import 'tailwindcss/components'; 
@import 'tailwindcss/utilities';
@import 'tailwindcss/screens';

These imports are using tailwind's @tailwind directive under the hood. I'm also using @fullhuman/postcss-purgecss in my project and it is process unused styles including tailwind ones.

@screen directives are working. Source code:

/* https://tailwindcss.com/docs/functions-and-directives/#screen */
@screen md {
  header {
    margin-left: 60px;
  }
}

Generated code:

@media (min-width: 568px) {
  [dir='rtl'] header {
    margin-left: 60px !important;
  }
}

Half Workaround: If i replace these imports with compiled ones it is works.

@import 'tailwindcss/dist/base'; /* https://github.com/tailwindcss/tailwindcss/blob/master/base.css */
@import 'tailwindcss/dist/components'; 
@import 'tailwindcss/dist/utilities';
@import 'tailwindcss/screens'; /* no compiled version */

But this is breaks my custom tailwind config.

[sibbng]

Fixed. It was about postcss plugins order.