remove custom styles

src/App.tsx

@@ -16,10 +16,7 @@ function App() {
           <Router />
         </Layout>
       </UserContext.Provider>
-      <ToastContainer
-        progressClassName="toastProgress"
-        bodyClassName="toastBody"
-      />
+      <ToastContainer theme="colored" />
     </BrowserRouter>
   )
 }

src/styles/_toast.scss

-@import 'config/colors';
-
-.Toastify__toast {
-  background: #fafafa !important;
-}
-.Toastify__toast--success {
-  .toastBody {
-    color: #73a839;
-  }
-  .toastProgress {
-    background: #73a839 !important;
-  }
-}
-
-.Toastify__toast--error {
-  .toastBody {
-    color: #c71c22;
-  }
-  .toastProgress {
-    background: #c71c22 !important;
-  }
-}
-.toastBody {
-  font-size: 1rem !important;
-}

src/styles/index.scss

@@ -2,7 +2,6 @@
 @import 'config/colors';
 @import 'config/typography';
 @import 'config/layout';
-@import 'toast';
 
 * {
   margin: 0;