diff --git a/packages/mdx/mdx-hast-to-jsx.js b/packages/mdx/mdx-hast-to-jsx.js
index 09e3e59a4..de8ccaa80 100644
--- a/packages/mdx/mdx-hast-to-jsx.js
+++ b/packages/mdx/mdx-hast-to-jsx.js
@@ -2,12 +2,17 @@ const {transformSync} = require('@babel/core')
 const declare = require('@babel/helper-plugin-utils').declare
 const {types: t} = require('@babel/core')
 const toStyleObject = require('to-style').object
-const {paramCase} = require('change-case')
 const uniq = require('lodash.uniq')
 const {toTemplateLiteral} = require('./util')
 
 const STARTS_WITH_CAPITAL_LETTER = /^[A-Z]/
 
+const paramCase = string =>
+  string
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .replace(/([a-z])([0-9])/g, '$1-$2')
+    .toLowerCase()
+
 class BabelPluginExtractJsxNames {
   constructor() {
     const names = []
diff --git a/packages/mdx/package.json b/packages/mdx/package.json
index 7eb4426a7..afff9b67f 100644
--- a/packages/mdx/package.json
+++ b/packages/mdx/package.json
@@ -32,7 +32,6 @@
     "@babel/helper-plugin-utils": "^7.0.0",
     "@babel/plugin-syntax-jsx": "^7.2.0",
     "@babel/plugin-syntax-object-rest-spread": "^7.2.0",
-    "change-case": "^3.0.2",
     "detab": "^2.0.0",
     "hast-util-raw": "^5.0.0",
     "lodash.uniq": "^4.5.0",