Remove input placeholder error and its color

[manic ridge]

How to remove the default red color error shown on placeholder on text inputs, i want to change placeholder to other color when error occurs.

https://codesandbox.io/s/error-color-1ixmht?file=/src/App.tsx

    "&::placeholder": {
         display: error ? "none" : "block",
        color: floating ? undefined : "transparent",
      },
    },

i tried doing this using createstyles but non of them is working ..

[marble crow]

use styles api

[manic ridge]

i've tried adding this but not working..
@marble crow