From 4545122aa99752ed2ec37a6bb7a20153e9530893 Mon Sep 17 00:00:00 2001
From: KJ Monahan <kj@forumone.com>
Date: Mon, 27 Feb 2023 16:36:03 -0600
Subject: [PATCH 1/2] Allow for CSS variables to be used with mixins

---
 src/lib/transform-mixin-atrule.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/transform-mixin-atrule.js b/src/lib/transform-mixin-atrule.js
index 7d9c910..bc7a5cf 100644
--- a/src/lib/transform-mixin-atrule.js
+++ b/src/lib/transform-mixin-atrule.js
@@ -40,4 +40,4 @@ const getMixinOpts = (node, opts) => {
 };
 
 // match an opening parenthesis
-const matchOpeningParen = '(';
+const matchOpeningParen = /(?<!var)\(/;

From b864276bc31f5ed2e3db88144a52c308e358c935 Mon Sep 17 00:00:00 2001
From: KJ Monahan <kj@forumone.com>
Date: Mon, 27 Feb 2023 16:57:31 -0600
Subject: [PATCH 2/2] Apply same fix to @include rules

---
 src/lib/transform-include-atrule.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/transform-include-atrule.js b/src/lib/transform-include-atrule.js
index 2ad340f..a46fda1 100644
--- a/src/lib/transform-include-atrule.js
+++ b/src/lib/transform-include-atrule.js
@@ -62,4 +62,4 @@ const getIncludeOpts = node => {
 };
 
 // match an opening parenthesis
-const matchOpeningParen = '(';
+const matchOpeningParen = /(?<!var)\(/;