Fix argument processing for constant string css

Author: Brijesh Bittu

packages/pigment-css-core/src/processors/css.ts

@@ -249,7 +249,7 @@ export class CssObjectProcessor extends BaseCssProcessor {
 
   getDependencies(): ExpressionValue[] {
     const [, ...params] = this.callParam;
-    return params.flat().filter((param) => 'kind' in param);
+    return params.flat().filter((param) => 'kind' in param && param.kind !== ValueType.CONST);
   }
 
   isMaybeTransformedTemplateLiteral(values: ValueCache): boolean {
@@ -278,13 +278,15 @@ export class CssObjectProcessor extends BaseCssProcessor {
     const { themeArgs, pigmentFeatures: { useLayer = true } = {} } = this
       .options as TransformedInternalConfig;
 
-    const evaluatedValues = (callParams as (LazyValue | FunctionValue)[]).map((param) =>
-      values.get(param.ex.name),
+    const evaluatedValues = (callParams as ExpressionValue[]).map((param) =>
+      param.kind === ValueType.CONST ? param.value : values.get(param.ex.name),
     );
     let stylesList: (object | Function)[];
     // let metadata: any;
     // check for css(metadata, [styles]) or css(metadata, style) call
     const locations: (SourceLocation | null | undefined)[] = [];
+    // Remove this condition as this supports an older API that has since been
+    // removed from TS support.
     if (
       evaluatedValues.length === 2 &&
       evaluatedValues[0] &&

packages/pigment-css-core/tests/css/fixtures/css.input.js

@@ -165,3 +165,10 @@ export const cls6 = css(({ theme }) => ({
     },
   ],
 }));
+
+export const cls7 = css(
+  {
+    color: '$palette.main',
+  },
+  `display: black`,
+);

packages/pigment-css-core/tests/css/fixtures/css.output.css

@@ -5,6 +5,7 @@ import {
   css as _css4,
   css as _css5,
   css as _css6,
+  css as _css7,
 } from '@pigment-css/core/runtime';
 export const cls1 = /*#__PURE__*/ _css({
   classes: 'cx3ztpe',
@@ -113,3 +114,6 @@ export const cls6 = /*#__PURE__*/ _css6({
     },
   ],
 });
+export const cls7 = /*#__PURE__*/ _css7({
+  classes: 'c10qevxu c10qevxu-1',
+});