Fix type issues

code/lib/codemod/package.json

@@ -70,6 +70,7 @@
   },
   "devDependencies": {
     "@types/jscodeshift": "^0.11.10",
+    "@types/mdast": "^3.0.0",
     "ansi-regex": "^5.0.1",
     "mdast-util-mdx-jsx": "^2.1.2",
     "mdast-util-mdxjs-esm": "^1.3.1",

code/lib/codemod/src/transforms/mdx-to-csf.ts

@@ -23,7 +23,7 @@ import * as fs from 'node:fs';
 import camelCase from 'lodash/camelCase';
 import type { MdxFlowExpression } from 'mdast-util-mdx-expression';
 
-const mdxProcessor = remark().use(remarkMdx) as ReturnType<typeof remark>;
+const mdxProcessor = remark().use(remarkMdx as any) as ReturnType<typeof remark>;
 
 export default function jscodeshift(info: FileInfo) {
   const parsed = path.parse(info.path);
@@ -136,7 +136,6 @@ export function transform(source: string, baseName: string): [string, string] {
             value: `/* ${nodeString} is deprecated, please migrate it to <Story of={referenceToStory} /> see: https://storybook.js.org/migration-guides/7.0 */`,
           };
           storiesMap.set(idAttribute.value as string, { type: 'id' });
-          // @ts-ignore need to check with @kasperpeulen, this happened with the upgrade of
           // mdast-util-mdx-jsx version
           parent?.children.splice(index as number, 0, newNode);
           // current index is the new comment, and index + 1 is current node

code/yarn.lock

@@ -5347,6 +5347,7 @@ __metadata:
     "@storybook/types": "workspace:*"
     "@types/cross-spawn": "npm:^6.0.2"
     "@types/jscodeshift": "npm:^0.11.10"
+    "@types/mdast": "npm:^3.0.0"
     ansi-regex: "npm:^5.0.1"
     cross-spawn: "npm:^7.0.3"
     globby: "npm:^11.0.2"