refactor: clean up CSS styles for toast component

Author: tanerengiiin

apps/showcase/demo/toast/basic-demo.tsx

@@ -4,7 +4,7 @@ import { toast, Toast } from 'primereact/toast';
 
 function BasicToast() {
     return (
-        <Toast richColors>
+        <Toast>
             <Toast.Portal>
                 <Toast.Region>
                     {({ toast }: ToastRegionInstance) =>

packages/primereact/src/toast/styles.css

@@ -139,7 +139,6 @@
     outline: none;
     position: absolute;
     transform: translateX(var(--p-swipe-amount-x)) translateY(calc(var(--p-swipe-amount-y) + calc(var(--p-toast-index) * calc(20px * var(--raise-factor))))) scale(calc(max(0, 1-(var(--p-toast-index) * 0.1))));
-    overflow-wrap: anywhere;
     z-index: calc(100 - var(--p-toast-index));
     touch-action: none;
     box-shadow: