fix: Return typed values from scss functions instead of strings

mfranzke · web-flow · commit 5cc031bed77f · 2025-12-04T07:17:55.000+01:00
adapted from db-ux-design-system/core-web#5570
diff --git a/source/css/helpers/_functions.scss b/source/css/helpers/_functions.scss
@@ -1,10 +1,10 @@
 @import "../db-ui-core.variables";
 
 @function to-rem($pxValue) {
-	@return #{$pxValue * $dbBaseFontSizeSass}rem;
+	@return ($pxValue * $dbBaseFontSizeSass) * 1rem;
 }
 @function to-em($pxValue) {
-	@return #{$pxValue * $dbBaseFontSizeSass}em;
+	@return ($pxValue * $dbBaseFontSizeSass) * 1rem;
 }
 
 // Mixin wrappers around the SCSS placeholders

Original file line number	Diff line number	Diff line change
`@@ -1,10 +1,10 @@`
`1`	`1`	`@import "../db-ui-core.variables";`
`2`	`2`
`3`	`3`	`@function to-rem($pxValue) {`
`4`		`- @return #{$pxValue * $dbBaseFontSizeSass}rem;`
	`4`	`+ @return ($pxValue * $dbBaseFontSizeSass) * 1rem;`
`5`	`5`	`}`
`6`	`6`	`@function to-em($pxValue) {`
`7`		`- @return #{$pxValue * $dbBaseFontSizeSass}em;`
	`7`	`+ @return ($pxValue * $dbBaseFontSizeSass) * 1rem;`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`// Mixin wrappers around the SCSS placeholders`