How do I configure tailwind typography in v4

[KorigamiK]

What's the standard way to configure this plugin now that it is built in?
This is my config that I want to use.

      typography: {
        DEFAULT: {
          css: {
            maxWidth: false,
            h1: { marginTop: false },
            h2: { marginTop: false },
          },
        },
        quoteless: {
          css: {
            "blockquote p:first-of-type::before": { content: "none" },
            "blockquote p:first-of-type::after": { content: "none" },
            "pre code::before": { content: "none" },
            "pre code::after": { content: "none" },
          },
        },
      },

[wongjn]

There's no real consensus yet. You could consider using a mix of @utility and regular CSS to get what you want.

[KorigamiK]

but isn't that a hack? both the styles would exist, I need a way to change he defaults

[wongjn]

There doesn't seem to be any API to do that.

[KorigamiK]

hmm, perhaps generating the css once and including it is the way to go?

[David-Else]

What's the standard way to configure this plugin now that it is built in? This is my config that I want to use.

Please could you link me to the docs that explain how https://github.com/tailwindlabs/tailwindcss-typography is now built in? I can't find any documentation, I had it working in v3 with:

const typography = require("@tailwindcss/typography");

module.exports = {
  plugins: [typography],
};

  "devDependencies": {
    "@tailwindcss/typography": "^0.5.14",
    "tailwindcss": "^3.4.10"
  }