@function not work correctly

[yutent]

scss source:

@function px($n: 1){
  @return ($n / 75) + rem
};

.foo { --size: px(75); margin: px(75); }

the result:

.foo { --size: px(75); margin: 1rem; }

expectation:

.foo { --size:  1rem; margin: 1rem; }

[nschonni]

CSS variables won't compile unless you explicitly use interpolation https://sass-lang.com/documentation/interpolation

[yutent]

Thank you for your reply.