sync with next-devtools/ dir set up

Author: devjiwonchoi

packages/next/package.json

@@ -90,8 +90,8 @@
     "storybook": "BROWSER=none storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test-storybook": "test-storybook",
-    "build-tw": "tailwindcss --input ./src/client/components/react-dev-overlay/tailwind.input.css --output ./src/client/components/react-dev-overlay/ui/styles/tailwind.output.css",
-    "watch-tw": "pnpm build-tw --watch"
+    "tw-build": "tailwindcss --input ./src/next-devtools/dev-overlay/tailwind.input.css --output ./src/next-devtools/dev-overlay/styles/tailwind.output.css",
+    "tw-watch": "pnpm tw-build --watch=always"
   },
   "taskr": {
     "requires": [

packages/next/src/next-devtools/dev-overlay/styles/tailwind.tsx

@@ -1,5 +1,5 @@
 import tailwindCss from './tailwind.output.css?raw'
-import { css } from '../../utils/css'
+import { css } from '../utils/css'
 
 export function Tailwind() {
   return (

packages/next/src/next-devtools/dev-overlay/styles/tailwind.input.css renamed to packages/next/src/next-devtools/dev-overlay/tailwind.input.css

@@ -2948,9 +2948,11 @@ export async function check_error_codes(task, opts) {
 export async function build_tailwind_styles(task, opts) {
   // Generate the production build of tailwind css file.
   const watchmode = opts.dev
-  const tailwindPromise = execa('pnpm', [watchmode ? 'watch-tw' : 'build-tw'], {
-    stdio: 'inherit',
-  })
+  const tailwindPromise = execa(
+    'pnpm',
+    ['run', watchmode ? 'tw-watch' : 'tw-build'],
+    { stdio: 'inherit' }
+  )
   // In watch-mode the process never completes i.e. the Promise never resolves.
   // But taskr needs to know that it can start watching the files for the task it has to manually restart.
   if (!watchmode) {