Tailwind и Primereact в приложении React, как настроить App.css ⇐ CSS

[Anonymous]

App.js:

Код: Выделить всё

import React from "react";
import "primereact/resources/themes/saga-blue/theme.css";
import { PrimeReactProvider } from "primereact/api";
import "./App.css";
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
import Login from "./pages/Login";
import Register from "./pages/Register";

function App() {
return (









);
}
export default App;

App.css:

Код: Выделить всё

@layer tailwind-base, primereact, tailwind-utilities;

@layer tailwind-base {
@tailwind base;
}

@layer tailwind-utilities {
@tailwind components;
@tailwind utilities;
}

@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Ubuntu", sans-serif;
}
.login-page,
.register {
height: 100vh;
background-color: aliceblue;
display: flex;
justify-content: center;
align-items: center;
background-color: #a5f3fc;
}

Я хочу использовать primereact и Tailwind CSS в реакции, я следую документации и пишу слои в App.css, но ничего не работает.
Если Я комментирую @layers CSS в верхней части, только тогда стиль моего компонента primereact начинает действовать, но это затрагивает и другие стили

Подробнее здесь: https://stackoverflow.com/questions/780 ... up-app-css