[Bug] Disabled styles cannot be overwritten

[vveesseelliinnaa]

Describe the bug
It is not possible to override the kendo-disabled styles neither through the map nor through the variables.

Workaround
Override directly the .k-disabled class:

• https://stackblitz.com/edit/react-kkbka1-enzjhp?file=app%2Fapp.tsx,app%2Fstyles.scss

@import '@progress/kendo-theme-default/dist/all.scss';

.k-disabled {
  @include disabled($bg: blue, $color: green);
}

To reproduce
Steps to reproduce the behavior:

1. Try to override the $kendo-disabled-styling map like in https://stackblitz.com/edit/react-kkbka1-nmycaw?file=app%2Fapp.tsx,app%2Fstyles.scss

Expected behavior
The disabled text and background color is changed.

Screenshots
The overriden variables are never used:

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery
• Kendo UI for Angular
• Kendo UI for React
• Kendo UI for Vue
• Telerik UI for Blazor

Affected browsers (please remove the unneeded items)

• All

Additional context
Reported in Ticket ID: 1658720, 1660779