Problem resolving imports from tailwindcss npm package

{
  "tasks": {
    "tailwind": "deno run -A npm:tailwindcss@^3.4.15 --config=./tailwind.config.ts --input=./public/styles/input.css --output=./public/styles/output.css --minify"
  },
  "imports": {
    "@tailwindcss/forms": "npm:@tailwindcss/forms@^0.5.9",
    "tailwindcss": "npm:tailwindcss@^3.4.15"
  }
}

import defaultTheme from "tailwindcss/defaultTheme.js";
import forms from "@tailwindcss/forms/src/index.js";

export default {
  content: ["src/**/*", "public/scripts/**/*"],
  theme: {
    screens: {
      xs: "425px",
      ...defaultTheme.screens,
    },
    extend: {
      fontFamily: {
        sans: ['"Outfit"', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [forms({ strategy: "base" })],
  future: {
    hoverOnlyWhenSupported: true,
  },
};