[css-values] CSS counters inside CALC function

Have you, guys, thought of the possibility of using CSS counters inside the
CALC function?
That would be super useful for so many cases.

Example:

<div>
> <e></e>

<e></e>

<e></e>
> <e></e>
> <e></e>
> <e></e>
> <e></e>
> <e></e>
> <e></e>
> <e></e>
> <e></e>
> <e></e>

</div>



e:nth-child(1) {transform: rotate(30deg) translateY(50px)}

e:nth-child(2) {transform: rotate(60deg) translateY(50px)}

e:nth-child(3) {transform: rotate(90deg) translateY(50px)}

e:nth-child(4) {transform: rotate(120deg) translateY(50px)}

e:nth-child(5) {transform: rotate(150deg) translateY(50px)}

e:nth-child(6) {transform: rotate(180deg) translateY(50px)}

e:nth-child(7) {transform: rotate(210deg) translateY(50px)}

e:nth-child(8) {transform: rotate(240deg) translateY(50px)}

e:nth-child(9) {transform: rotate(270deg) translateY(50px)}

e:nth-child(10) {transform: rotate(300deg) translateY(50px)}

e:nth-child(11) {transform: rotate(330deg) translateY(50px)}

e:nth-child(12) {transform: rotate(360deg) translateY(50px)}