Last Updated: 20 Apr 2023 04:12 by Ryan
Created on: 18 Apr 2023 02:25
Type: Bug Report
The default theme's SCSS file gives a calc division warning


I'm adding sass-loader to my webpack build so that I can keep up to date with the latest theme builds more easily. We simply use the default theme.

Webpack is giving me the following warning, however ...

WARNING in ./node_modules/@progress/kendo-theme-default/dist/all.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@progress/kendo-theme-default/dist/all.scss) Module Warning (from ./node_modules/sass-loader/dist/cjs.js): Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($a, $b) or calc($a / $b) More info and automated migrator: node_modules\@progress\kendo-theme-default\dist\all.scss 1039:15 k-math-div() node_modules\@progress\kendo-theme-default\dist\all.scss 4138:21 root stylesheet @ ./node_modules/@progress/kendo-theme-default/dist/all.scss 8:6-188 22:17-24 26:7-21 52:25-39 53:36-47 53:50-64 57:6-67:7 58:54-65 58:68-82 64:42-53 64:56-70 66:21-28 77:0-158 77:0-158 78:22-29 78:33-47 78:50-64 55:4-68:5 1 warning has detailed information that is not shown. Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

Posted on: 20 Apr 2023 04:12

OK, thank you. Switching to node-sass for now should get rid of the warning then? I'll swap to it.


Ivan Zhekov
Posted on: 19 Apr 2023 12:05

Hello, Ryan.

As of December 2022 in internal versions and 2023 R1, we have only a single slash division in our code and that's in our utility `k-math-div` function. The function is intended for use in node-sass in the places where we need actual division during compile time. In color math, to be exact. In those instances, we cannot use `calc` or `math.div` because the former is browser time computation and the later is part of dart-sass.

That's why you see the warning.

It should be noted, that this is just a warning -- everything will work as expected, nothing will break.

And when it does break with dart-sass 2, in the unforeseeable future, we are going to release a final version for node-sass and then switch to dart-sass entirely, which is going to be a major (incompatible / breaking) version for the themes.

For the time being, you can safely ignore the warning.

Ivan Zhekov
Progress Telerik

Heads up! Telerik UI for ASP.NET AJAX versions for .NET 3.5 and 4.0 are retired. Progress will continue shipping assemblies compatible with .NET 4.5 and later. See whether this affects your apps in this article.