diff --git a/packages/d3/tsconfig.json b/packages/d3/tsconfig.json
index 853896c..433d629 100644
--- a/packages/d3/tsconfig.json
+++ b/packages/d3/tsconfig.json
@@ -2,8 +2,7 @@
 	"extends": "@essex/tsconfig-base",
 	"compilerOptions": {
 		"outDir": "lib",
-		"lib": ["ESNext", "DOM"],
-		"allowSyntheticDefaultImports": true
+		"lib": ["ESNext", "DOM"]
 	},
 	"include": ["src/**/*"]
 }
diff --git a/packages/vega/package.json b/packages/vega/package.json
index 2c3a7cd..66beb56 100644
--- a/packages/vega/package.json
+++ b/packages/vega/package.json
@@ -2,11 +2,12 @@
 	"name": "@thematic/vega",
 	"version": "1.3.3",
 	"license": "MIT",
-	"main": "src/index.ts",
-	"publishConfig": {
-		"main": "dist/cjs/index.js",
-		"module": "dist/esm/index.js",
-		"types": "dist/types/index.d.ts"
+	"main": "dist/cjs/index.js",
+	"types": "dist/types/index.d.ts",
+	"exports": {
+		"import": "./dist/esm/index.mjs",
+		"require": "./dist/cjs/index.js",
+		"types": "./dist/types/index.d.ts"
 	},
 	"repository": {
 		"type": "git",
@@ -23,6 +24,7 @@
 	},
 	"devDependencies": {
 		"@essex/scripts": "^20.0.0",
+		"@essex/tsconfig-base": "^1.0.0",
 		"@types/node": "^14.18.5",
 		"vega": "5.15.0"
 	},
diff --git a/packages/vega/src/index.ts b/packages/vega/src/index.ts
index 21d53df..af0e9bc 100644
--- a/packages/vega/src/index.ts
+++ b/packages/vega/src/index.ts
@@ -2,8 +2,8 @@
  * Copyright (c) Microsoft. All rights reserved.
  * Licensed under the MIT license. See LICENSE file in the project.
  */
-import { Theme, SVGMark } from '@thematic/core'
-import { Spec } from 'vega'
+import type { Theme, SVGMark } from '@thematic/core'
+import type { Spec } from 'vega'
 
 function mark(mark: SVGMark) {
 	const { fill, fillOpacity, stroke, strokeOpacity, strokeWidth } = mark
diff --git a/packages/vega/tsconfig.json b/packages/vega/tsconfig.json
index b03d0da..20f0c75 100644
--- a/packages/vega/tsconfig.json
+++ b/packages/vega/tsconfig.json
@@ -1,10 +1,7 @@
 {
-	"extends": "../../tsconfig.json",
+	"extends": "@essex/tsconfig-base",
 	"compilerOptions": {
-		"outDir": "lib",
-		"strict": false,
-		"resolveJsonModule": true,
-		"allowSyntheticDefaultImports": true
+		"outDir": "lib"
 	},
 	"include": ["src/**/*"]
 }
diff --git a/yarn.lock b/yarn.lock
index c57c569..129e8c2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2852,6 +2852,7 @@ __metadata:
   dependencies:
     "@essex-js-toolkit/hooks": ^1.1.5
     "@essex/scripts": ^20.0.0
+    "@essex/tsconfig-base": ^1.0.0
     "@fluentui/font-icons-mdl2": ^8.1.20
     "@fluentui/react": ^8.49.0
     "@thematic/color": "workspace:packages/color"
@@ -2890,6 +2891,7 @@ __metadata:
   resolution: "@thematic/react@workspace:packages/react"
   dependencies:
     "@essex/scripts": ^20.0.0
+    "@essex/tsconfig-base": ^1.0.0
     "@thematic/color": "workspace:packages/color"
     "@thematic/core": "workspace:packages/core"
     "@types/node": ^14.18.5
@@ -2948,6 +2950,7 @@ __metadata:
   resolution: "@thematic/vega@workspace:packages/vega"
   dependencies:
     "@essex/scripts": ^20.0.0
+    "@essex/tsconfig-base": ^1.0.0
     "@thematic/core": "workspace:packages/core"
     "@types/node": ^14.18.5
     core-js: ^3.20.2