[ADVAPP-2154]: Vite build throwing unknown rule warnings (#37)

Replace @screen with @variant

Author: rebecca-canyon

resources/css/plugin.css

@@ -394,25 +394,25 @@
     }
 
     .filament-tiptap-grid[type='asymetric-right-thirds'] {
-        @screen md {
+        @variant md {
             grid-template-columns: 1fr 2fr;
         }
     }
 
     .filament-tiptap-grid[type='asymetric-left-thirds'] {
-        @screen md {
+        @variant md {
             grid-template-columns: 2fr 1fr;
         }
     }
 
     .filament-tiptap-grid[type='asymetric-right-fourths'] {
-        @screen md {
+        @variant md {
             grid-template-columns: 1fr 3fr;
         }
     }
 
     .filament-tiptap-grid[type='asymetric-left-fourths'] {
-        @screen md {
+        @variant md {
             grid-template-columns: 3fr 1fr;
         }
     }
@@ -422,29 +422,29 @@
         grid-template-rows: auto;
 
         &[cols='2'] {
-            @screen md {
+            @variant md {
                 grid-template-columns: repeat(2, 1fr);
             }
         }
 
         &[cols='3'] {
-            @screen md {
+            @variant md {
                 grid-template-columns: repeat(3, 1fr);
             }
         }
 
         &[cols='4'] {
-            @screen md {
+            @variant md {
                 grid-template-columns: repeat(2, 1fr);
             }
 
-            @screen lg {
+            @variant lg {
                 grid-template-columns: repeat(4, 1fr);
             }
         }
 
         &[cols='5'] {
-            @screen md {
+            @variant md {
                 grid-template-columns: repeat(5, 1fr);
             }
         }