Remove fallbacks from theme var(...) calls
#4516
adamwathanAnnotations
10 errors
|
cli/index.test.ts > CLI > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
.text-primary {
- color: var(--color-primary, black);
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'project-a\/src\/index\.js\'\] {
+ --tw-content: 'project-a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'project-b\/src\/index\.js\'\] {
+ --tw-content: 'project-b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
+
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ cli/index.test.ts:161:7
❯ utils.ts:417:14
|
|
cli/index.test.ts > CLI > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
.text-primary {
- color: var(--color-primary, black);
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'project-a\/src\/index\.js\'\] {
+ --tw-content: 'project-a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'project-b\/src\/index\.js\'\] {
+ --tw-content: 'project-b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
+
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ cli/index.test.ts:161:7
❯ utils.ts:417:14
|
|
cli/index.test.ts > CLI > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
.text-primary {
- color: var(--color-primary, black);
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'project-a\/src\/index\.js\'\] {
+ --tw-content: 'project-a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'project-b\/src\/index\.js\'\] {
+ --tw-content: 'project-b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
+
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ cli/index.test.ts:161:7
❯ utils.ts:417:14
|
|
cli/index.test.ts > Standalone CLI > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
.text-primary {
- color: var(--color-primary, black);
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'project-a\/src\/index\.js\'\] {
+ --tw-content: 'project-a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'project-b\/src\/index\.js\'\] {
+ --tw-content: 'project-b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
+
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ cli/index.test.ts:161:7
❯ utils.ts:417:14
|
|
cli/index.test.ts > Standalone CLI > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
.text-primary {
- color: var(--color-primary, black);
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'project-a\/src\/index\.js\'\] {
+ --tw-content: 'project-a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'project-b\/src\/index\.js\'\] {
+ --tw-content: 'project-b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
+
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ cli/index.test.ts:161:7
❯ utils.ts:417:14
|
|
cli/index.test.ts > Standalone CLI > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
.text-primary {
- color: var(--color-primary, black);
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'project-a\/src\/index\.js\'\] {
+ --tw-content: 'project-a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'project-b\/src\/index\.js\'\] {
+ --tw-content: 'project-b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
+
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ cli/index.test.ts:161:7
❯ utils.ts:417:14
|
|
postcss/index.test.ts > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
- .text-primary {
- color: var(--color-primary, black);
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
+ .text-primary {
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'a\/src\/index\.js\'\] {
+ --tw-content: 'a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'b\/src\/index\.js\'\] {
+ --tw-content: 'b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ postcss/index.test.ts:398:5
❯ utils.ts:417:14
|
|
postcss/index.test.ts > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
- .text-primary {
- color: var(--color-primary, black);
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
+ .text-primary {
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'a\/src\/index\.js\'\] {
+ --tw-content: 'a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'b\/src\/index\.js\'\] {
+ --tw-content: 'b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ postcss/index.test.ts:398:5
❯ utils.ts:417:14
|
|
postcss/index.test.ts > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
- .text-primary {
- color: var(--color-primary, black);
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
+ .text-primary {
+ color: var(--color-primary);
+ }
+ .underline {
+ text-decoration-line: underline;
+ }
+ .content-\[\'a\/src\/index\.js\'\] {
+ --tw-content: 'a/src/index.js';
+ content: var(--tw-content);
+ }
+ .content-\[\'b\/src\/index\.js\'\] {
+ --tw-content: 'b/src/index.js';
+ content: var(--tw-content);
+ }
+ .inverted\:flex {
+ @media (inverted-colors: inverted) {
+ display: flex;
+ }
+ }
+ .hocus\:underline {
+ &:focus {
+ text-decoration-line: underline;
+ }
+ &:hover {
+ text-decoration-line: underline;
+ }
+ }
+ :root {
+ --color-primary: black;
+ }
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, ::before, ::after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ postcss/index.test.ts:398:5
❯ utils.ts:417:14
|
|
vite/index.test.ts > postcss > watch mode:
integrations/utils.ts#L366
AssertionError: expected '/*! tailwindcss v4.0.0-alpha.31 | MIT…' to contain '.text-primary {\n color: var(--color…'
- Expected
+ Received
+ /*! tailwindcss v4.0.0-alpha.31 | MIT License | https://tailwindcss.com */
+ .flex {
+ display: flex;
+ }
+
.text-primary {
- color: var(--color-primary, black);
+ color: var(--color-primary);
+ }
+
+ .underline {
+ text-decoration-line: underline;
+ }
+
+ .content-\[\'project-b\/src\/index\.js\'\] {
+ --tw-content: "project-b/src/index.js";
+ content: var(--tw-content);
+ }
+
+ :root {
+ --color-primary: black;
+ }
+
+ @supports (-moz-orient: inline) {
+ @layer base {
+ *, :before, :after, ::backdrop {
+ --tw-content: "";
+ }
+ }
+ }
+
+ @Property --tw-content {
+ syntax: "*";
+ inherits: false;
+ initial-value: "";
}
+
+ @Keyframes spin {
+ to {
+ transform: rotate(360deg);
+ }
+ }
+
+ @Keyframes ping {
+ 75%, 100% {
+ opacity: 0;
+ transform: scale(2);
+ }
+ }
+
+ @Keyframes pulse {
+ 50% {
+ opacity: .5;
+ }
+ }
+
+ @Keyframes bounce {
+ 0%, 100% {
+ animation-timing-function: cubic-bezier(.8, 0, 1, 1);
+ transform: translateY(-25%);
+ }
+
+ 50% {
+ animation-timing-function: cubic-bezier(0, 0, .2, 1);
+ transform: none;
+ }
+ }
+
❯ utils.ts:366:39
❯ retryAssertion utils.ts:592:14
❯ vite/index.test.ts:332:9
❯ utils.ts:417:14
|