shiki transformer this.addClassToHast is not a function in astro

[blackPeppper]

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

Describe the bug

shiki transformer this.addClassToHast is not a function in astro

Astro v4.6.2
Node v20.11.1
System Windows (x64)
Package Manager pnpm
Output static
Adapter none
Integrations auto-import
@astrojs/mdx
@astrojs/sitemap
astro-compress
astro-purgecss
@vite-pwa/astro-integration
astro-meta-tags
astro-icon
astro-compressor

```tsx
console.log("Introduction.")

console.log("Subtraction.") // [!code focus] // [!code --]

console.log("Addition.") // [!code focus] // [!code ++]

console.log("In focus.") // [!code focus]

console.log("End.")

```js
   // astro.config 
    mdx({
      optimize: true,
      shikiConfig: {
        experimentalThemes: {
          light: "material-theme-lighter",
          dark: "material-theme-darker",
        },
        transformers: [
          transformerNotationDiff(),
          transformerNotationFocus(),
          transformerMetaHighlight(),
          transformerNotationWordHighlight(),
          transformerNotationErrorLevel(),
          transformerRenderWhitespace(),
          transformerMetaWordHighlight(),
          transformerCompactLineOptions(),
          transformerRemoveLineBreak()
        ],
      },
    }),
    ```


### Reproduction

https://github.com/spices-solutions/fruitUI/tree/upgrade-shinki

### Contributes

- [ ] I am willing to submit a PR to fix this issue
- [ ] I am willing to submit a PR with failing tests

[blackPeppper]

https://github.com/spices-solutions/fruitUI/tree/upgrade-shinki

[antfu]

This is not a minimal reproduction, please provide a minimal one. Thanks

[blackPeppper]

Sorry for the noise just needed to upgrade to astro ->4,8 that fixes the problem

so where I can get these styles
https://github.com/blackPeppper/shiki-min-trans-pord