Firefox transition duration issue

Transition duration is not change if unit not present

by SerGen

HTML

<div class="t1"></div>
<div class="t2"></div>

CSS

[class^="t"] {
    background-color: red;
    display: inline-block;
    height: 50px;
    width: 50px;
    
    transition: 1s;
}
[class^="t"]:hover {
    background-color: green;
}

[class$="1"]:hover {
    transition-duration: 0;
}
[class$="2"]:hover {
    transition-duration: 0s;
}