How should I extract @angular/material css file in Angular v13?

Issue

• In my Angular[v13] project, I used @angular/material. I also want to use tailwindcss.
• but @angular/materialcss is a style tag in head. so tailwindcss is not working.
• Now i want to extract @angular/material css file. Or is there any way to solve this problem

Solution

To solve this issue, be sure to activate important flag on tailwindcss config, in order to automatically mark all css class with !important clause.

So every predefined classes of TailwindCSS will override @angular/material styles.

tailwind.config.js:

module.exports = {
  ...
  important: true,
  ...
};

Answered By - Thierry Falvo