Build Tools: Update TypeScript to 6.0.2

bin/packages/check-build-type-declaration-files.js

@@ -70,7 +70,7 @@ async function getDecFile( packagePath ) {
 async function typecheckDeclarations( file ) {
 	return new Promise( ( resolve, reject ) => {
 		exec(
-			`npx tsc --target esnext --moduleResolution node --noEmit --skipLibCheck "${ file }"`,
+			`npx tsc --ignoreConfig --target esnext --moduleResolution bundler --noEmit --skipLibCheck "${ file }"`,
 			( error, stdout, stderr ) => {
 				if ( error ) {
 					reject( { file, error, stderr, stdout } );

package.json

@@ -120,7 +120,7 @@
 		"sprintf-js": "1.1.1",
 		"style-loader": "3.2.1",
 		"stylelint-plugin-logical-css": "^1.2.3",
-		"typescript": "5.9.3",
+		"typescript": "6.0.2",
 		"uuid": "9.0.1",
 		"wait-on": "8.0.1"
 	},

packages/boot/tsconfig.json

@@ -2,6 +2,7 @@
 	"$schema": "https://json.schemastore.org/tsconfig.json",
 	"extends": "../../tsconfig.base.json",
 	"compilerOptions": {
+		"types": [ "style-imports" ],
 		"checkJs": false
 	},
 	"references": [

packages/components/src/calendar/utils/use-localization-props.ts

@@ -10,10 +10,9 @@ import type { Modifiers, BaseProps } from '../types';
 
 function isLocaleRTL( localeCode: string ) {
 	const localeObj = new Intl.Locale( localeCode );
-	if ( 'getTextInfo' in localeObj ) {
-		// @ts-expect-error - getTextInfo is not typed yet
-		// see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo
-		return localeObj.getTextInfo().direction === 'rtl';
+	const direction = localeObj.getTextInfo?.()?.direction;
+	if ( direction ) {
+		return direction === 'rtl';
 	}
 	return [
 		'ar', // Arabic

packages/components/tsconfig.json

@@ -5,8 +5,8 @@
 		"types": [
 			"gutenberg-env",
 			"gutenberg-test-env",
-			"css-modules",
-			"jest"
+			"jest",
+			"style-imports"
 		]
 	},
 	"references": [

packages/dataviews/tsconfig.json

@@ -2,7 +2,12 @@
 	"$schema": "https://json.schemastore.org/tsconfig.json",
 	"extends": "../../tsconfig.base.json",
 	"compilerOptions": {
-		"types": [ "gutenberg-env", "gutenberg-test-env", "jest" ]
+		"types": [
+			"gutenberg-env",
+			"gutenberg-test-env",
+			"jest",
+			"style-imports"
+		]
 	},
 	"references": [
 		{ "path": "../components" },

packages/editor/tsconfig.json

@@ -2,6 +2,7 @@
 	"$schema": "https://json.schemastore.org/tsconfig.json",
 	"extends": "../../tsconfig.base.json",
 	"compilerOptions": {
+		"types": [ "style-imports" ],
 		"checkJs": false
 	},
 	"references": [

packages/image-cropper/tsconfig.json

@@ -2,6 +2,7 @@
 	"$schema": "https://json.schemastore.org/tsconfig.json",
 	"extends": "../../tsconfig.base.json",
 	"compilerOptions": {
+		"types": [ "style-imports" ],
 		"checkJs": false
 	},
 	"references": [

packages/lazy-editor/tsconfig.json

@@ -2,6 +2,7 @@
 	"$schema": "https://json.schemastore.org/tsconfig.json",
 	"extends": "../../tsconfig.base.json",
 	"compilerOptions": {
+		"types": [ "style-imports" ],
 		"checkJs": false
 	},
 	"references": [

packages/notices/tsconfig.json

@@ -2,7 +2,7 @@
 	"$schema": "https://json.schemastore.org/tsconfig.json",
 	"extends": "../../tsconfig.base.json",
 	"compilerOptions": {
-		"types": [ "gutenberg-env" ],
+		"types": [ "gutenberg-env", "style-imports" ],
 		"checkJs": false
 	},
 	"references": [

packages/theme/tsconfig.src.json

@@ -3,7 +3,7 @@
 	"extends": "../../tsconfig.base.json",
 	"compilerOptions": {
 		"moduleResolution": "bundler",
-		"types": [ "css-modules" ]
+		"types": [ "style-imports" ]
 	},
 	"files": [ "global.d.ts" ],
 	"references": [ { "path": "../element" }, { "path": "../private-apis" } ]

tsconfig.base.json

@@ -26,8 +26,6 @@
 		/* Module Resolution Options */
 		"moduleResolution": "bundler",
 
-		/* This needs to be false so our types are possible to consume without setting this */
-		"esModuleInterop": false,
 		"resolveJsonModule": true,
 
 		"typeRoots": [ "./typings", "./node_modules/@types" ],

typings/css-modules/index.d.ts → typings/style-imports/index.d.ts

@@ -7,3 +7,6 @@ declare module '*.module.scss' {
 	const classes: { [ key: string ]: string };
 	export default classes;
 }
+
+declare module '*.css';
+declare module '*.scss';