[REGRESSION] Fluent 12 removed several CSS variables

[FWink]

Regression Description

With version 12, the Fluent theme lost many CSS variables. For example, setting icon sizes used to work via "--kendo-icon-size" but now requires either the SASS variable "$kendo-icon-size" or additional CSS code.
Some more examples where CSS variables are not used anymore:

• kendo-notifiction-*-[text/bg/border] (e.g., "kendo-notification-error-text" for the text color of error notifications)
• The "sorted" background color of the Grid component ($kendo-grid-sorted-bg) used "--kendo-color-surface" before, now it uses a hardcoded value "rgba(0, 0, 0, 0.04)" (not even a SASS variable)

Steps to Reproduce

Install Fluent 12 and try to set icon sizes via "--kendo-icon-size: 50px"

Expected Behavior

Icons should now be 50px in size

Actual Behavior

Icons are 1rem in size

Screenshots/Videos

Fluent 11.1.0:

Fluent 12.0.1:

Version Information

Working Version

• Package: @progress/kendo-theme-fluent
• Version: 11.1.0

Broken Version

• Package: @progress/kendo-theme-fluent
• Version: 12.0.1

Environment Information

Affected Theme(s)

• All themes
• Default theme
• Bootstrap theme
• Material theme
• Fluent theme
• Classic theme

Affected Component(s)

Please specify the component(s) where the regression occurs:

• SVG Icon
• Grid
• Notifications
• Probably many more

Affected Suites

• Kendo UI for jQuery
• Kendo UI for Angular
• Kendo UI for React
• Kendo UI for Vue
• Telerik UI for Blazor
• Telerik UI for ASP.NET Core
• Telerik UI for ASP.NET MVC

Browser Information

• All browsers
• Chrome (version: _______)
• Firefox (version: _______)
• Safari (version: _______)
• Edge (version: _______)
• IE (version: _______)

Build System Information

• OS: Windows 11
• Node version: 22.16.0
• NPM version: 11.4.2

Impact Assessment

Severity

• Critical - Blocks major functionality
• High - Significant impact on user experience
• Medium - Noticeable but workaround exists
• Low - Minor visual issue

---