[Bug Report] Dart-Sass Deprecation Warning: Using / for division outside of calc()

[JayBit33]

Element UI version

2.15.6

OS/Browsers version

Compile Time Error

Vue version

2.6.14

Dart Sass

"sass": "^1.49.7",

Reproduction Link

https://codepen.io/ziyoung/pen/LKNBqB?editors=1111

Steps to reproduce

I cannot produce with jsfiddle or codepen because I cannot make it compile with dart-sass. Run any code using elementui with dart-saas. Error is referencing elementui core library code. using Division outside of calc() is present in multiple files. Dart-Sass Error is

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($--tooltip-arrow-size, 2) or calc($--tooltip-arrow-size / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div 89 margin-bottom: #{$--tooltip-arrow-size / 2};

You can use the Sass migrator to automatically update your stylesheets to use math.div() and list.slash().

$ npm install -g sass-migrator $ sass-migrator division **/*.scss

What is Expected?

The code is currently working however I wanted to make you aware that it will no longer work with dart-sass as of version 2. (Dart-Sass 2). Any place you have division in your styles will need updated to use calc(). I ABSOLUTELY love ElementUI!!!! I would hate to have to discontinue using it down the road due to incompatibility issues.

What is actually happening?

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($--tooltip-arrow-size, 2) or calc($--tooltip-arrow-size / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div 89 margin-bottom: #{$--tooltip-arrow-size / 2};

[ghost]

You can downgrade to sass@~1.32 The warnings disappears

[dessskris]

This has been fixed in element-ui v2.15.7

[dotmartin]

This has been fixed in element-ui v2.15.7

The fix has been reversed in v2.15.8. :(

[toesbieya]

use sass.Logger.silent to avoid this warning

[chengfengfengwang]

最最新的版本2.15.10还有，俺真的服了

[jinxinkai]

any news？

[Krue1]

等待一个修复

[xinguanhua]

this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon

[UniqueCrownClown]

1

[dotmartin]

this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon

@xinguanhua: What is the status of this? It is currently blocking us from updating Element UI.

[lixsh8]

最最新的版本2.15.12还有

[CavidDavidest]

this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon

@xinguanhua What is the status of this?My team stopped updating after upgrading to v2.15.7

[sam-araiza]

It's been over a year. My team is rolling off ElementUI. Seems like vuetify is the way to go now-a-days.

[rirh]

This has been fixed in element-ui v2.15.7

The fix has been reversed in v2.15.8. :(

This has been reversed in element-ui v2.15.13 :(

[Lnncoco]

The same problem has arisen . element-ui 2.15.13 + dark-sass

[zhatongning]

this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon

waiting...

[y4n6]

It’s already 2024 and this problem still exists.

[yizixu]

很失望，这么久了

[simpleoo0o]

this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon

still waiting

[SoftwareEngineerPalace]

仍然存在，有人干活吗

[frey1258]

waka, 仍仍然存在。