How to publish a Tailwind plugin or styles?

[CarcajadaArtificial]

Hello, I'm finding myself using the same custom styles in many of my projects. They look like this

@theme { ... }
:root { ... }
@plugin "daisyui/theme" { ... }
@layer base { ... }
@layer components { ... }
@layer utilities { ... }
...

I usually import these styles as:

@import "tailwindcss";
@import "./custom_styles.css"; /* Here */
@plugin "@tailwind/typography";
@plugin "@daisyui" {
  themes: false;
}

But for this, I'm forced to individually and manually update all my stylesheets in all of my projects. I have a utility library published on JSR, how can I publish these styles for them to be imported on my projects. I'm using Deno Fresh v2, Tailwind v4, DaisyUI v5.

Thank you

[AugustinMauroy]

something like that :

{
  "$schema": "https://jsr.io/schema/config-file.v1.json",
  "name": "@foo/css",
  "version": "0.1.0",
  "license": "MIT",
  "exports": {
    ".": "./mod.ts"
  },
  "publish": {
    "include": [
      "mod.ts",
      "mod.css"
    ]
  }
}

http://jsr.io/@foo/css/0.1.0/mod.css

[AugustinMauroy]

but I don't know how tailwind/postcss will shallow it

[CarcajadaArtificial]

Hello, I tried your suggestion but unfortunately had unsuccessful results. This is a link to my published module If you'd ever find the solution to this elsewhere I would appreciate it if you came back to share it. Thank you :D