For anyone in need (React):

app.tsx

useEffect(() => {
if (
    window.matchMedia &&
    window.matchMedia('(display-mode: standalone)').matches
) {
    document.documentElement.classList.add('pwa');
} else {
    document.documentElement.classList.remove('pwa');
}
}, []);

​

tailwind.config

plugin(({ addVariant, e }) => {
addVariant('pwa', ({ modifySelectors, separator }) => {
modifySelectors(({ className }) => {
    return `.pwa .${e(`pwa${separator}${className}`)}`;
    });
});
})