fix: correct min-width utility implementation

Author: halvaradop

src/index.ts

@@ -1,5 +1,5 @@
 import plugin from "tailwindcss/plugin"
-import { PluginCreator } from "tailwindcss/types/config"
+import { KeyValuePair, PluginCreator, ResolvableTo } from "tailwindcss/types/config"
 import { scrollUtilities } from "./utilities/scroll-utility";
 import { fluencyUtilities } from "./utilities/fluency-utility";
 import { selectorUtilities } from "./utilities/selector-utility";
@@ -21,6 +21,8 @@ export const creator: PluginCreator = (configApi) => {
 
 export default plugin(creator, {
     theme: {
-        minWidth: minWidthUtilities
+        extend: {
+            minWidth: minWidthUtilities
+        }
     }
 })

src/utilities/min-width-utility.ts

@@ -1,17 +1,13 @@
-import { Config } from "tailwindcss";
+import type { KeyValuePair, ResolvableTo } from "tailwindcss/types/config"
 
 /**
  * Defines default values for the minWidth theme in TailwindCSS.
  * It provides a set of predefined minimum widths.
  */
-export const minWidthUtilities: Partial<Config> = {
-    theme: {
-        minWidth: {
-            sm: "640px",
-            md: "768px",
-            lg: "1024px",
-            xl: "1280px",
-            "2xl": "1526px"
-        }
-    }
+export const minWidthUtilities: ResolvableTo<KeyValuePair<string, string>> = {
+    "sm": "640px",
+    "md": "768px",
+    "lg": "1024px",
+    "xl": "1280px",
+    "2xl": "1526px"
 }