css variable - default value on var not getting passed

Question

I get 2 different output for the code below. It should give the same output since default value should be taken by the css variable. Below is the code where I commented pass