chore(design-system): disable allowImportingTsExtensions [AR-57713] (#374)

# Conflicts:
#	packages/design-system/src/components/ds-button-v3/ds-button-v3.stories.tsx
#	packages/design-system/src/components/ds-button-v3/index.ts

Author: StyleShit

packages/design-system/.storybook/main.ts

@@ -1,5 +1,7 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import { vitePluginDesignSystem } from '@drivenets/vite-plugin-design-system';
+
+// @ts-expect-error - See https://storybook.js.org/docs/faq#extensionless-imports-in-storybook-main-config
 import { reactCompilerRolldownPlugin } from '../rolldown/react-compiler-rolldown-plugin.ts';
 
 const config: StorybookConfig = {

packages/design-system/src/components/ds-button-v3/__tests__/ds-button-v3.browser.test.tsx

@@ -1,7 +1,7 @@
 import { createRef } from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import { page } from 'vitest/browser';
-import { DsButtonV3 } from '../index.ts';
+import { DsButtonV3 } from '../index';
 
 describe('DsButtonV3', () => {
 	it('calls onClick when clicked', async () => {

packages/design-system/src/components/ds-button-v3/ds-button-v3.stories.tsx

@@ -1,15 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import classNames from 'classnames';
 import { fn } from 'storybook/test';
-import DsButtonV3 from './ds-button-v3.tsx';
+import DsButtonV3 from './ds-button-v3';
 import { DsButtonV3 as DsButtonV3Wrapped } from './index.ts';
 import {
 	type ButtonV3Color,
 	buttonV3Colors,
 	buttonV3Sizes,
 	type ButtonV3Variant,
 	buttonV3Variants,
-} from './ds-button-v3.types.ts';
+} from './ds-button-v3.types';
 import storyStyles from './ds-button-v3.stories.module.scss';
 
 const meta: Meta<typeof DsButtonV3> = {

packages/design-system/src/components/ds-button-v3/index.ts

@@ -1,5 +1,5 @@
 import { withResponsiveProps } from '../../utils/responsive';
-import DsButtonV3Base from './ds-button-v3.tsx';
+import DsButtonV3Base from './ds-button-v3';
 
 export const DsButtonV3 = withResponsiveProps(DsButtonV3Base, ['size']);
-export * from './ds-button-v3.types.ts';
+export * from './ds-button-v3.types';

packages/design-system/tsconfig.json

@@ -3,8 +3,7 @@
 	"compilerOptions": {
 		"rootDirs": ["./", "./.scss-dts"],
 		"types": ["vite/client"],
-		"plugins": [{ "name": "typescript-plugin-css-modules" }],
-		"allowImportingTsExtensions": true
+		"plugins": [{ "name": "typescript-plugin-css-modules" }]
 	},
 	"include": ["**/*", "**/.storybook/**/*"]
 }

packages/design-system/tsdown.config.ts

@@ -1,6 +1,9 @@
 import * as fs from 'node:fs/promises';
 import { defineConfig, type Rolldown } from 'tsdown';
 import * as sassEmbedded from 'sass-embedded';
+
+// @ts-expect-error - We're running this using Node directly, which requires an extension,
+// but we don't want to set `allowImportingTsExtensions` for the whole project.
 import { reactCompilerRolldownPlugin } from './rolldown/react-compiler-rolldown-plugin.ts';
 
 export default defineConfig({