A problem with renaming CSS variables

[da-yauhenzadziarkouski]

I've experienced an odd problem with renaming of CSS Variables. It works fine except when already declared variable had been overwritten in the scope: the last variable in the last CSS property value wasn't replaced for some reason.

CSS:

*, ::before, ::after {
    --tw-shadow: 0 0 transparent;
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
}
.shadow-small {
    --tw-shadow: 0 2px 4px 0 rgb(151, 145, 151, 0.1);
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}

Expected result:

*, ::before, ::after {
    --f: 0 0 transparent;
    --d: 0 0 transparent;
    --v: 0 0 transparent;
}
.a {
    --f: 0 2px 4px 0 rgb(151,145,151,0.1);
    box-shadow: 0 0 transparent,0 0 transparent,var(--f);
    box-shadow: var(--d,0 0 transparent),var(--v,0 0 transparent),var(--f);
}

Actual result:

*, ::before, ::after {
    --f: 0 0 transparent;
    --d: 0 0 transparent;
    --v: 0 0 transparent;
}
.a {
    --f: 0 2px 4px 0 rgb(151,145,151,0.1);
    box-shadow: 0 0 transparent,0 0 transparent,var(--f);
    box-shadow: var(--d,0 0 transparent),var(--v,0 0 transparent),var(--tw-shadow);
}

[JPeer264]

@da-yauhenzadziarkouski fixed in v3.6.5. Thanks writing such a detailed issue, this really helped me to find the issue 👍