docs(docs): add comprehensive tailwind css playground documentation

Author: Oyead

docs/docs/languages/tailwindcss.mdx

@@ -12,15 +12,6 @@ export const basicDemo = {
   processors: ['tailwindcss'],
 };
 
-export const variantsDemo = {
-  activeEditor: 'markup',
-  markup: {
-    language: 'html',
-    content: `<div class="flex items-center justify-center h-screen">\n  <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 md:px-8 rounded">\n    Hover me\n  </button>\n</div>\n`,
-  },
-  processors: ['tailwindcss'],
-};
-
 export const tailwindcssDemo = {
   activeEditor: 'script',
   script: {