Leaked Tailwind styles in Fabric after update to 32.1

[Karol Januszczak]

Dear support,

I was waiting to get latest updates - but locally in project and in isolated Demo - I've found that something changed to how scss are bounded in your solution.

We were using Fabric Theme from the beginning (at least from version 12) and reusing it's variables for our needs - and we never had such downgrade after bumping version.
(https://ej2.syncfusion.com/angular/documentation/appearance/overview#microsoft-office-fabric-theme)

But after update to 32.1 I see a lot of broken styles - across >10 components.

I am attaching the zipped demo with minimal packages for showcase - it's a TreeView and reproduced way of how we are getting FABRIC scss files (just npm install and run start should make it work) - in browser inspector it's clear to see that somehow tailwind variables are applied instead of fabric ones. 

I have a sneaky feeling that someone hardcoded the tailwind3-definition in ej2-base/styles/common/_theme-vars.scss which is used quite heavily and basically broke all other themes...

Please advice/fix,

Karol Januszczak. 

Attachment: SF_32._1_Broken_Fabric_Theme_12ffd3fd.7z

[Sabari Anand Senthamarai Kannan]

Hi Karol,

Greetings from Syncfusion!

 

We have thoroughly validated the issue from our end and successfully reproduced the reported issue. After careful analysis, we have identified it as a bug and have promptly logged a defect report on our end. This issue will be resolved in our weekly patch release, which is expected to be available by January 20, 2026.

 

You can track this bug's status in the below feedback.

Feedback : Fabric SCSS loads Tailwind definitions causing theme mismatch in Angular | Feedback Portal

 

We appreciate your patience until then.

Regards,

Sabari Anand

[Sabari Anand Senthamarai Kannan]

Hi Karol,

We would like to inform you that the reported issue regarding Fabric SCSS loading Tailwind definitions—resulting in a theme mismatch in Angular—has now been resolved. The fix is included in our weekly patch release v32.1.24.

 

Please update the Syncfusion packages to the latest version (v32.1.24) to resolve the reported issue.

 

Additionally, due to the latest SCSS upgrade, please use the code below in your src/styles.scss file to apply the Fabric theme in your application.

 

@use '@syncfusion/ej2-base/styles/fabric.scss' as *;
@use '@syncfusion/ej2-buttons/styles/fabric.scss' as *;
@use '@syncfusion/ej2-grids/styles/fabric.scss' as *;

 

Thank you for your patience. Please let us know if you need any further assistance.