Angular material + Tailwind: want to setup a clean ng project from scratch

I’m submitting a…

[ ] Regression (a behavior that used to work and stopped working in a new release)
[X] Bug report  
[ ] Performance issue
[X] Feature request
[ ] Documentation issue or request
[X] Support request
[ ] Other... Please describe:

Current behavior

There is two case: This one is working :

ng new ng-material-tailwind
ng add @angular/material # ok
ng add @ngneat/tailwind # ok

But I have css issues : Material’s styles override Tailwind’s styles and @apply or `#{!mportant} throw errors at compilation :

And this one is not working (because material need the official schematics) :

ng new ng-tailwind-material
ng add @ngneat/tailwind # ok
ng add @angular/material # not ok
# ...
✔ Packages installed successfully.
Your project is not using the default builders for "build". The Angular Material schematics cannot add a theme to the workspace configuration if the builder has been changed

Expected behavior

• I wish to make tailwind override Material’s styles in the first repo here (I simply don’t know how to)
• ng add @ngneat/tailwind should works independently of ng add @angular/material

What is the motivation / use case for changing the behavior?

Just a new cli project, and ng add command.

Environment

Angular CLI: 10.0.8
Node: 12.18.3
OS: linux x64

Angular: 10.0.14
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.1000.8
@angular-devkit/build-angular     0.1000.8
@angular-devkit/build-optimizer   0.1000.8
@angular-devkit/build-webpack     0.1000.8
@angular-devkit/core              10.0.8
@angular-devkit/schematics        10.0.8
@angular/cdk                      10.2.5
@angular/cli                      10.0.8
@angular/material                 10.2.5
@ngtools/webpack                  10.0.8
@schematics/angular               10.0.8
@schematics/update                0.1000.8
rxjs                              6.5.5
typescript                        3.9.7
webpack                           4.43.0


Browser:
- [X] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: v12.18.3
- Platform:  Manjaro i3
- Others: VSCode, yarn

[nartc]

@E-jarod Hi, I have not had time to dive into this issue as I’ve been going through some new job transitioning myself. I’ll take a closer look asap. Sorry for any inconvenience.

[nartc]

Closed in favor of #24