fix: update taiwindcss classes

Author: ansidev

src/components/LeetCodeDifficulty.astro

@@ -34,7 +34,7 @@ const getDifficultyCssClass: (difficulty: string) => string = (
 <Tag
   {...tagProps}
   class:list={[
-    'px-2 py-1',
+    'px-4 py-2',
     getDifficultyCssClass(difficulty),
     tag === 'a' ? 'link' : '',
     props.class,

tailwind.config.cjs

@@ -17,13 +17,13 @@ module.exports = {
       typography: theme => ({
         DEFAULT: {
           css: {
-            color: theme('textColor.style.primary'),
-            '--tw-prose-headings': theme('textColor.style.primary'),
-            '--tw-prose-bold': theme('textColor.style.primary'),
-            '--tw-prose-quotes': theme('textColor.style.primary'),
+            color: 'rgb(var(--textColor-style-primary))',
+            '--tw-prose-headings': 'rgb(var(--textColor-style-primary))',
+            '--tw-prose-bold': 'rgb(var(--textColor-style-primary))',
+            '--tw-prose-quotes': 'rgb(var(--textColor-style-primary))',
             '--tw-prose-pre-bg': '#0d1117',
             code: {
-              backgroundColor: theme('backgroundColor.style.primary'),
+              backgroundColor: 'rgb(var(--backgroundColor-style-primary))',
               padding: '5px',
               borderRadius: '3px',
             },