Best approach to support light-dark function

Hi! Does anyone know if one of these options is more appropriate or correct than the other one?

/* 1 */
::placeholder {
    color: #757575;
    color: light-dark(hsl(0deg 0% 46%), hsl(0deg 0% 65%));
}

/* 2 */
::placeholder {
    color: #757575;
}
@supports (color: light-dark(black, white)) {
    ::placeholder {
        color: light-dark(hsl(0deg 0% 46%), hsl(0deg 0% 65%));
    }
}
Was this page helpful?