fix(DescriptionList): use correct token for termWidth (#12253)

Author: nicolethoen

packages/react-core/src/components/DescriptionList/DescriptionList.tsx

@@ -2,13 +2,9 @@ import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/DescriptionList/description-list';
 import { formatBreakpointMods } from '../../helpers';
 import cssGridTemplateColumnsMin from '@patternfly/react-tokens/dist/esm/c_description_list_GridTemplateColumns_min';
-// import cssTermWidth from '@patternfly/react-tokens/dist/esm/c_description_list__term_width';
+import cssTermWidth from '@patternfly/react-tokens/dist/esm/c_description_list__term_width';
 import cssHorizontalTermWidth from '@patternfly/react-tokens/dist/esm/c_description_list_m_horizontal__term_width';
 
-const cssTermWidth = {
-  name: `--${styles.descriptionList}_term-width`
-};
-
 export interface BreakpointModifiers {
   default?: string;
   md?: string;

packages/react-core/src/components/DescriptionList/__tests__/DescriptionList.test.tsx

@@ -133,7 +133,7 @@ test(`Renders style when isHorizontal and horizontalTermWidthModifier is set`, (
   expect(screen.getByLabelText('list')).toHaveStyle(listStyles);
 });
 
-test.skip(`Renders style when termWidth is set`, () => {
+test(`Renders style when termWidth is set`, () => {
   render(<DescriptionList aria-label="list" isHorizontal termWidth="30px" />);
   const listStyles = {};
   listStyles[`--${styles.descriptionList}__term--width`] = '30px';