clean up import

examples/data-literate/next.config.js

@@ -1,4 +1,3 @@
-const matter = require('gray-matter')
 const toc = require('remark-toc')
 const slug = require('remark-slug')
 const gfm = require('remark-gfm')

examples/data-literate/package.json

@@ -7,20 +7,16 @@
     "build": "next build && next export",
     "start": "next start"
   },
-  "engines": {
-    "node": ">12"
-  },
   "dependencies": {
     "@headlessui/react": "^1.3.0",
     "@heroicons/react": "^1.0.3",
     "@mdx-js/loader": "^2.0.0",
+    "@mdx-js/react": "^2.0.0",
     "@next/mdx": "^12.1.0",
     "@tailwindcss/typography": "^0.4.0",
     "autoprefixer": "^10.0.4",
     "frictionless.js": "^0.13.4",
-    "gray-matter": "^4.0.3",
     "next": "12.1.0",
-    "next-mdx-remote": "^3.0.4",
     "papaparse": "^5.3.1",
     "postcss": "^8.2.10",
     "prop-types": "^15.7.2",
@@ -31,7 +27,6 @@
     "remark-footnotes": "^3.0.0",
     "remark-frontmatter": "^4.0.1",
     "remark-gfm": "^1.0.0",
-    "remark-html": "^13.0.2",
     "remark-slug": "^6.1.0",
     "remark-toc": "^7.2.0",
     "tailwindcss": "^2.2.16",