feat: add ShikiTransformer support to the <Code /> component

[braebo]

Changes

• <Code /> now accepts a transformers prop and forwards it to the highlighter.

Testing

I tested the transformers and they work like a charm!

Docs

/cc @withastro/maintainers-docs for feedback!

I just assumed the transformers prop would work out of the box, and the prop is already documented with tsdoc with links to shiki's docs, so I'm not certain docs are necessary on this end. Nevertheless, a mention of the new prop in the docs wouldn't hurt.

[changeset-bot]

🦋 Changeset detected

Latest commit: 075fa07

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

This PR is blocked because it contains a minor changeset. A reviewer will merge this at the next release if approved.

[ematipico]

Thank you, @braebo, for the contribution! We want to ship this feature in v4.11, and in order to do so, we would appreciate it if you could expand the changeset a bit, maybe by showing an example of how this new feature can be used, using a markdown code block.

[braebo]

Example added! Lmk if that works @ematipico

I'm actually using the component for a new docs page if you want to see it in action 🙏 https://pocket-shader.braebo.dev

[matthewp]

I added some docs here: withastro/docs#8559

[TheOtterlord]

Quick review for the example in the changelog

[sarah11918]

Great feature addition @braebo ! Just left a small suggestion for a line for the changeset that I think would be a helpful inclusion. See what you think!

merge day

[lorizz]

Thanks Fractal, finally someone helping with the astro development