WRQ-19494: css-loader v7 migration

performanceMetrics/src/App/App.js

@@ -11,7 +11,7 @@ import {useCallback, useEffect, useState} from 'react';
 
 import Chart from '../views/Chart';
 
-import css from './App.module.less';
+import * as css from './App.module.less';
 
 const listOfSandstoneComponent = [
 	'Overall',

performanceMetrics/src/views/Chart.js

@@ -3,7 +3,7 @@ import {Heading} from '@enact/sandstone/Heading';
 import PropTypes from 'prop-types';
 import {CartesianGrid, Label, Line, LineChart, ReferenceLine, Tooltip, XAxis, YAxis} from 'recharts';
 
-import css from './Chart.module.less';
+import * as css from './Chart.module.less';
 
 const CustomTooltip = ({active, payload}) => {
 	if (active && payload && payload.length) {

src/App/Agate-App.js

@@ -48,7 +48,7 @@ import TooltipDecorator from '../views/agate/TooltipDecorator';
 import VirtualList from '../views/agate/VirtualList';
 import WindDirectionControl from '../views/agate/WindDirectionControl';
 
-import css from './App.less';
+import * as css from './App.less';
 
 import {BrowserRouter as Router, Route, Routes} from 'react-router-dom';
 

src/App/Sandstone-App.js

@@ -52,7 +52,7 @@ import VideoPlayer from '../views/sandstone/VideoPlayer';
 import VirtualList from '../views/sandstone/VirtualList';
 import WizardPanels from '../views/sandstone/WizardPanels';
 
-import css from './App.less';
+import * as css from './App.less';
 
 import {BrowserRouter as Router, Route, Routes} from 'react-router-dom';