refactor: Do not use JavaScript modules from @rocket.chat/fuselage-tokens (#38310)

Author: tassoevan

apps/meteor/app/livechat/server/lib/sendTranscript.ts

@@ -9,7 +9,7 @@ import {
 	isFileImageAttachment,
 	type AtLeast,
 } from '@rocket.chat/core-typings';
-import colors from '@rocket.chat/fuselage-tokens/colors';
+import colors from '@rocket.chat/fuselage-tokens/colors.json';
 import { Logger } from '@rocket.chat/logger';
 import { MessageTypes } from '@rocket.chat/message-types';
 import { LivechatRooms, Messages, Uploads, Users } from '@rocket.chat/models';

apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx

@@ -1,5 +1,4 @@
 import { Box, SidebarItem } from '@rocket.chat/fuselage';
-import type colors from '@rocket.chat/fuselage-tokens/colors';
 import type { ReactElement, ReactNode } from 'react';
 import { memo } from 'react';
 
@@ -8,11 +7,6 @@ type SidebarGenericItemProps = {
 	active?: boolean;
 	featured?: boolean;
 	children: ReactNode;
-	customColors?: {
-		default: (typeof colors)[string];
-		hover: (typeof colors)[string];
-		active: (typeof colors)[string];
-	};
 	externalUrl?: boolean;
 };
 

apps/meteor/client/views/admin/engagementDashboard/users/ContentForDays.tsx

@@ -1,6 +1,6 @@
 import { ResponsiveBar } from '@nivo/bar';
 import { Box, Flex, IconButton, Margins, Skeleton } from '@rocket.chat/fuselage';
-import colors from '@rocket.chat/fuselage-tokens/colors';
+import colors from '@rocket.chat/fuselage-tokens/colors.json';
 import moment from 'moment';
 import type { ReactElement } from 'react';
 import { useMemo } from 'react';

apps/meteor/client/views/room/Header/icons/Encrypted.tsx

@@ -1,5 +1,5 @@
 import type { IRoom } from '@rocket.chat/core-typings';
-import colors from '@rocket.chat/fuselage-tokens/colors';
+import colors from '@rocket.chat/fuselage-tokens/colors.json';
 import { HeaderState } from '@rocket.chat/ui-client';
 import { useSetting } from '@rocket.chat/ui-contexts';
 import { memo } from 'react';