bump tailwind and daisy

Author: jtarchie

package.json

@@ -6,10 +6,11 @@
   "author": "JT Archie <[email protected]>",
   "license": "MIT",
   "devDependencies": {
-    "daisyui": "^4.12.10",
-    "tailwindcss": "^3.4.7"
+    "@tailwindcss/cli": "^4.0.4",
+    "daisyui": "^5.0.0-beta.6",
+    "tailwindcss": "^4.0.4"
   },
   "scripts": {
-    "build": "npx tailwindcss -i ./written/input.css -o ./written/public/assets/main.css"
+    "build": "npx @tailwindcss/cli -i ./written/input.css -o ./written/public/assets/main.css"
   }
 }

tailwind.config.js

@@ -153,7 +153,7 @@ export const ButtonIcon = ({
   property1,
   className,
   icon = (
-    <Property1IcListing className="!absolute !w-[24px] !h-[24px] !top-[8px] !left-[8px]" />
+    <Property1IcListing className="absolute! w-[24px]! h-[24px]! top-[8px]! left-[8px]!" />
   ),
 }) => {
   const [state, dispatch] = useReducer(reducer, {
@@ -231,7 +231,7 @@ import { Property1IcListing } from "../../icons/Property1IcListing";
 export const ButtonIcon = ({
   className,
   icon = (
-    <Property1IcListing className="!absolute !w-[24px] !h-[24px] !top-[8px] !left-[8px]" />
+    <Property1IcListing className="absolute! w-[24px]! h-[24px]! top-[8px]! left-[8px]!" />
   ),
 }) => {
   return (

written/chatgpt/2023-11-08-react-figma-cleanup.md

@@ -1,6 +1,23 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@plugin "daisyui";
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
 
 main {
   .mermaid {